diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation.sln b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation.sln
new file mode 100644
index 0000000..5513836
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation.sln
@@ -0,0 +1,27 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.0.31611.283
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "FlyoutPageNavigation", "FlyoutPageNavigation\FlyoutPageNavigation.csproj", "{DB8EA1B0-7BAB-4651-B119-3BC5694E0E6F}"
+EndProject
+Global
+ GlobalSection(SolutionConfigurationPlatforms) = preSolution
+ Debug|Any CPU = Debug|Any CPU
+ Release|Any CPU = Release|Any CPU
+ EndGlobalSection
+ GlobalSection(ProjectConfigurationPlatforms) = postSolution
+ {DB8EA1B0-7BAB-4651-B119-3BC5694E0E6F}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+ {DB8EA1B0-7BAB-4651-B119-3BC5694E0E6F}.Debug|Any CPU.Build.0 = Debug|Any CPU
+ {DB8EA1B0-7BAB-4651-B119-3BC5694E0E6F}.Debug|Any CPU.Deploy.0 = Debug|Any CPU
+ {DB8EA1B0-7BAB-4651-B119-3BC5694E0E6F}.Release|Any CPU.ActiveCfg = Release|Any CPU
+ {DB8EA1B0-7BAB-4651-B119-3BC5694E0E6F}.Release|Any CPU.Build.0 = Release|Any CPU
+ {DB8EA1B0-7BAB-4651-B119-3BC5694E0E6F}.Release|Any CPU.Deploy.0 = Release|Any CPU
+ EndGlobalSection
+ GlobalSection(SolutionProperties) = preSolution
+ HideSolutionNode = FALSE
+ EndGlobalSection
+ GlobalSection(ExtensibilityGlobals) = postSolution
+ SolutionGuid = {61F7FB11-1E47-470C-91E2-47F8143E1572}
+ EndGlobalSection
+EndGlobal
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/App.xaml b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/App.xaml
new file mode 100644
index 0000000..7b635c8
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/App.xaml
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/App.xaml.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/App.xaml.cs
new file mode 100644
index 0000000..d035f5c
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/App.xaml.cs
@@ -0,0 +1,11 @@
+namespace FlyoutPageNavigation;
+
+public partial class App : Application
+{
+ public App()
+ {
+ InitializeComponent();
+
+ MainPage = new MainPage();
+ }
+}
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/FlyoutPageItem.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/FlyoutPageItem.cs
new file mode 100644
index 0000000..8aceb66
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/FlyoutPageItem.cs
@@ -0,0 +1,9 @@
+namespace FlyoutPageNavigation
+{
+ public class FlyoutPageItem
+ {
+ public string Title { get; set; }
+ public string IconSource { get; set; }
+ public Type TargetType { get; set; }
+ }
+}
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/FlyoutPageNavigation.csproj b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/FlyoutPageNavigation.csproj
new file mode 100644
index 0000000..58b6bc9
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/FlyoutPageNavigation.csproj
@@ -0,0 +1,80 @@
+
+
+
+ net7.0-android;net7.0-ios;net7.0-maccatalyst
+ $(TargetFrameworks);net7.0-windows10.0.19041.0
+
+
+ Exe
+ FlyoutPageNavigation
+ true
+ true
+ enable
+
+
+ FlyoutPageNavigation
+
+
+ com.companyname.flyoutpagenavigation
+ 8935cd08-953b-4c0c-8d02-1917a4982ac0
+
+
+ 1.0
+ 1
+
+ 11.0
+ 13.1
+ 21.0
+ 10.0.17763.0
+ 10.0.17763.0
+ 6.5
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ MSBuild:Compile
+
+
+ MSBuild:Compile
+
+
+ MSBuild:Compile
+
+
+ MSBuild:Compile
+
+
+ MSBuild:Compile
+
+
+
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/MauiProgram.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/MauiProgram.cs
new file mode 100644
index 0000000..eceb807
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/MauiProgram.cs
@@ -0,0 +1,24 @@
+using Microsoft.Extensions.Logging;
+
+namespace FlyoutPageNavigation;
+
+public static class MauiProgram
+{
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
+ });
+
+#if DEBUG
+ builder.Logging.AddDebug();
+#endif
+
+ return builder.Build();
+ }
+}
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Android/AndroidManifest.xml b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Android/AndroidManifest.xml
new file mode 100644
index 0000000..e9937ad
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Android/AndroidManifest.xml
@@ -0,0 +1,6 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Android/MainActivity.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Android/MainActivity.cs
new file mode 100644
index 0000000..d683a2b
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Android/MainActivity.cs
@@ -0,0 +1,10 @@
+using Android.App;
+using Android.Content.PM;
+using Android.OS;
+
+namespace FlyoutPageNavigation;
+
+[Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
+public class MainActivity : MauiAppCompatActivity
+{
+}
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Android/MainApplication.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Android/MainApplication.cs
new file mode 100644
index 0000000..19d1755
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Android/MainApplication.cs
@@ -0,0 +1,15 @@
+using Android.App;
+using Android.Runtime;
+
+namespace FlyoutPageNavigation;
+
+[Application]
+public class MainApplication : MauiApplication
+{
+ public MainApplication(IntPtr handle, JniHandleOwnership ownership)
+ : base(handle, ownership)
+ {
+ }
+
+ protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+}
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Android/Resources/values/colors.xml b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Android/Resources/values/colors.xml
new file mode 100644
index 0000000..c04d749
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Android/Resources/values/colors.xml
@@ -0,0 +1,6 @@
+
+
+ #512BD4
+ #2B0B98
+ #2B0B98
+
\ No newline at end of file
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/MacCatalyst/AppDelegate.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/MacCatalyst/AppDelegate.cs
new file mode 100644
index 0000000..a370a35
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/MacCatalyst/AppDelegate.cs
@@ -0,0 +1,9 @@
+using Foundation;
+
+namespace FlyoutPageNavigation;
+
+[Register("AppDelegate")]
+public class AppDelegate : MauiUIApplicationDelegate
+{
+ protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+}
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/MacCatalyst/Info.plist b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/MacCatalyst/Info.plist
new file mode 100644
index 0000000..c96dd0a
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/MacCatalyst/Info.plist
@@ -0,0 +1,30 @@
+
+
+
+
+ UIDeviceFamily
+
+ 1
+ 2
+
+ UIRequiredDeviceCapabilities
+
+ arm64
+
+ UISupportedInterfaceOrientations
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+ UISupportedInterfaceOrientations~ipad
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationPortraitUpsideDown
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+ XSAppIconAssets
+ Assets.xcassets/appicon.appiconset
+
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/MacCatalyst/Program.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/MacCatalyst/Program.cs
new file mode 100644
index 0000000..2079f8b
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/MacCatalyst/Program.cs
@@ -0,0 +1,15 @@
+using ObjCRuntime;
+using UIKit;
+
+namespace FlyoutPageNavigation;
+
+public class Program
+{
+ // This is the main entry point of the application.
+ static void Main(string[] args)
+ {
+ // if you want to use a different Application Delegate class from "AppDelegate"
+ // you can specify it here.
+ UIApplication.Main(args, null, typeof(AppDelegate));
+ }
+}
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Tizen/Main.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Tizen/Main.cs
new file mode 100644
index 0000000..fc579db
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Tizen/Main.cs
@@ -0,0 +1,16 @@
+using System;
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+
+namespace FlyoutPageNavigation;
+
+class Program : MauiApplication
+{
+ protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+
+ static void Main(string[] args)
+ {
+ var app = new Program();
+ app.Run(args);
+ }
+}
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Tizen/tizen-manifest.xml b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Tizen/tizen-manifest.xml
new file mode 100644
index 0000000..e056f60
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Tizen/tizen-manifest.xml
@@ -0,0 +1,15 @@
+
+
+
+
+
+ maui-appicon-placeholder
+
+
+
+
+ http://tizen.org/privilege/internet
+
+
+
+
\ No newline at end of file
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Windows/App.xaml b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Windows/App.xaml
new file mode 100644
index 0000000..40f750e
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Windows/App.xaml
@@ -0,0 +1,8 @@
+
+
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Windows/App.xaml.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Windows/App.xaml.cs
new file mode 100644
index 0000000..8699f94
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Windows/App.xaml.cs
@@ -0,0 +1,24 @@
+using Microsoft.UI.Xaml;
+
+// To learn more about WinUI, the WinUI project structure,
+// and more about our project templates, see: http://aka.ms/winui-project-info.
+
+namespace FlyoutPageNavigation.WinUI;
+
+///
+/// Provides application-specific behavior to supplement the default Application class.
+///
+public partial class App : MauiWinUIApplication
+{
+ ///
+ /// Initializes the singleton application object. This is the first line of authored code
+ /// executed, and as such is the logical equivalent of main() or WinMain().
+ ///
+ public App()
+ {
+ this.InitializeComponent();
+ }
+
+ protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+}
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Windows/Package.appxmanifest b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Windows/Package.appxmanifest
new file mode 100644
index 0000000..7db5a23
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Windows/Package.appxmanifest
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+
+
+ $placeholder$
+ User Name
+ $placeholder$.png
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Windows/app.manifest b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Windows/app.manifest
new file mode 100644
index 0000000..40097b6
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/Windows/app.manifest
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+ true/PM
+ PerMonitorV2, PerMonitor
+
+
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/iOS/AppDelegate.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/iOS/AppDelegate.cs
new file mode 100644
index 0000000..a370a35
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/iOS/AppDelegate.cs
@@ -0,0 +1,9 @@
+using Foundation;
+
+namespace FlyoutPageNavigation;
+
+[Register("AppDelegate")]
+public class AppDelegate : MauiUIApplicationDelegate
+{
+ protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+}
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/iOS/Info.plist b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/iOS/Info.plist
new file mode 100644
index 0000000..0004a4f
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/iOS/Info.plist
@@ -0,0 +1,32 @@
+
+
+
+
+ LSRequiresIPhoneOS
+
+ UIDeviceFamily
+
+ 1
+ 2
+
+ UIRequiredDeviceCapabilities
+
+ arm64
+
+ UISupportedInterfaceOrientations
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+ UISupportedInterfaceOrientations~ipad
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationPortraitUpsideDown
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+ XSAppIconAssets
+ Assets.xcassets/appicon.appiconset
+
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/iOS/Program.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/iOS/Program.cs
new file mode 100644
index 0000000..2079f8b
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Platforms/iOS/Program.cs
@@ -0,0 +1,15 @@
+using ObjCRuntime;
+using UIKit;
+
+namespace FlyoutPageNavigation;
+
+public class Program
+{
+ // This is the main entry point of the application.
+ static void Main(string[] args)
+ {
+ // if you want to use a different Application Delegate class from "AppDelegate"
+ // you can specify it here.
+ UIApplication.Main(args, null, typeof(AppDelegate));
+ }
+}
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Properties/launchSettings.json b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Properties/launchSettings.json
new file mode 100644
index 0000000..edf8aad
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Properties/launchSettings.json
@@ -0,0 +1,8 @@
+{
+ "profiles": {
+ "Windows Machine": {
+ "commandName": "MsixPackage",
+ "nativeDebugging": false
+ }
+ }
+}
\ No newline at end of file
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/AppIcon/appicon.svg b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/AppIcon/appicon.svg
new file mode 100644
index 0000000..9d63b65
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/AppIcon/appicon.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/AppIcon/appiconfg.svg b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/AppIcon/appiconfg.svg
new file mode 100644
index 0000000..21dfb25
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/AppIcon/appiconfg.svg
@@ -0,0 +1,8 @@
+
+
+
\ No newline at end of file
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Fonts/OpenSans-Regular.ttf b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Fonts/OpenSans-Regular.ttf
new file mode 100644
index 0000000..2c3020b
Binary files /dev/null and b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Fonts/OpenSans-Regular.ttf differ
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Fonts/OpenSans-Semibold.ttf b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Fonts/OpenSans-Semibold.ttf
new file mode 100644
index 0000000..3e7fe53
Binary files /dev/null and b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Fonts/OpenSans-Semibold.ttf differ
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Images/contacts.png b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Images/contacts.png
new file mode 100644
index 0000000..2162f6a
Binary files /dev/null and b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Images/contacts.png differ
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Images/dotnet_bot.svg b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Images/dotnet_bot.svg
new file mode 100644
index 0000000..abfaff2
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Images/dotnet_bot.svg
@@ -0,0 +1,93 @@
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Images/hamburger.png b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Images/hamburger.png
new file mode 100644
index 0000000..452885b
Binary files /dev/null and b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Images/hamburger.png differ
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Images/reminders.png b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Images/reminders.png
new file mode 100644
index 0000000..fdc3c3e
Binary files /dev/null and b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Images/reminders.png differ
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Images/todo.png b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Images/todo.png
new file mode 100644
index 0000000..bf5fee4
Binary files /dev/null and b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Images/todo.png differ
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Raw/AboutAssets.txt b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Raw/AboutAssets.txt
new file mode 100644
index 0000000..15d6244
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Raw/AboutAssets.txt
@@ -0,0 +1,15 @@
+Any raw assets you want to be deployed with your application can be placed in
+this directory (and child directories). Deployment of the asset to your application
+is automatically handled by the following `MauiAsset` Build Action within your `.csproj`.
+
+
+
+These files will be deployed with you package and will be accessible using Essentials:
+
+ async Task LoadMauiAsset()
+ {
+ using var stream = await FileSystem.OpenAppPackageFileAsync("AboutAssets.txt");
+ using var reader = new StreamReader(stream);
+
+ var contents = reader.ReadToEnd();
+ }
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Splash/splash.svg b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Splash/splash.svg
new file mode 100644
index 0000000..21dfb25
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Splash/splash.svg
@@ -0,0 +1,8 @@
+
+
+
\ No newline at end of file
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Styles/Colors.xaml b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Styles/Colors.xaml
new file mode 100644
index 0000000..245758b
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Styles/Colors.xaml
@@ -0,0 +1,44 @@
+
+
+
+
+ #512BD4
+ #DFD8F7
+ #2B0B98
+ White
+ Black
+ #E1E1E1
+ #C8C8C8
+ #ACACAC
+ #919191
+ #6E6E6E
+ #404040
+ #212121
+ #141414
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ #F7B548
+ #FFD590
+ #FFE5B9
+ #28C2D1
+ #7BDDEF
+ #C3F2F4
+ #3E8EED
+ #72ACF1
+ #A7CBF6
+
+
\ No newline at end of file
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Styles/Styles.xaml b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Styles/Styles.xaml
new file mode 100644
index 0000000..dc4a034
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Resources/Styles/Styles.xaml
@@ -0,0 +1,405 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/ContactsPage.xaml b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/ContactsPage.xaml
new file mode 100644
index 0000000..a3968b5
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/ContactsPage.xaml
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/ContactsPage.xaml.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/ContactsPage.xaml.cs
new file mode 100644
index 0000000..4e3bae7
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/ContactsPage.xaml.cs
@@ -0,0 +1,11 @@
+namespace FlyoutPageNavigation
+{
+ public partial class ContactsPage : ContentPage
+ {
+ public ContactsPage ()
+ {
+ InitializeComponent ();
+ }
+ }
+}
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/FlyoutMenuPage.xaml b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/FlyoutMenuPage.xaml
new file mode 100644
index 0000000..e75f4c5
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/FlyoutMenuPage.xaml
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/FlyoutMenuPage.xaml.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/FlyoutMenuPage.xaml.cs
new file mode 100644
index 0000000..1098699
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/FlyoutMenuPage.xaml.cs
@@ -0,0 +1,10 @@
+namespace FlyoutPageNavigation
+{
+ public partial class FlyoutMenuPage : ContentPage
+ {
+ public FlyoutMenuPage()
+ {
+ InitializeComponent();
+ }
+ }
+}
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/MainPage.xaml b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/MainPage.xaml
new file mode 100644
index 0000000..eca4d8e
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/MainPage.xaml
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/MainPage.xaml.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/MainPage.xaml.cs
new file mode 100644
index 0000000..38d1909
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/MainPage.xaml.cs
@@ -0,0 +1,22 @@
+namespace FlyoutPageNavigation;
+
+public partial class MainPage : FlyoutPage
+{
+ public MainPage()
+ {
+ InitializeComponent();
+
+ flyoutPage.collectionView.SelectionChanged += OnSelectionChanged;
+ }
+
+ void OnSelectionChanged(object sender, SelectionChangedEventArgs e)
+ {
+ var item = e.CurrentSelection.FirstOrDefault() as FlyoutPageItem;
+ if (item != null)
+ {
+ Detail = new NavigationPage((Page)Activator.CreateInstance(item.TargetType));
+ if (!((IFlyoutPageController)this).ShouldShowSplitMode)
+ IsPresented = false;
+ }
+ }
+}
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/ReminderPage.xaml b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/ReminderPage.xaml
new file mode 100644
index 0000000..e82795e
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/ReminderPage.xaml
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/ReminderPage.xaml.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/ReminderPage.xaml.cs
new file mode 100644
index 0000000..d4acb98
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/ReminderPage.xaml.cs
@@ -0,0 +1,11 @@
+namespace FlyoutPageNavigation
+{
+ public partial class ReminderPage : ContentPage
+ {
+ public ReminderPage()
+ {
+ InitializeComponent();
+ }
+ }
+}
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/TodoListPage.xaml b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/TodoListPage.xaml
new file mode 100644
index 0000000..61e820c
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/TodoListPage.xaml
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/TodoListPage.xaml.cs b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/TodoListPage.xaml.cs
new file mode 100644
index 0000000..50cb784
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/FlyoutPageNavigation/Views/TodoListPage.xaml.cs
@@ -0,0 +1,11 @@
+namespace FlyoutPageNavigation
+{
+ public partial class TodoListPage : ContentPage
+ {
+ public TodoListPage ()
+ {
+ InitializeComponent ();
+ }
+ }
+}
+
diff --git a/7.0/UserInterface/Pages/FlyoutPage/README.md b/7.0/UserInterface/Pages/FlyoutPage/README.md
new file mode 100755
index 0000000..e461c32
--- /dev/null
+++ b/7.0/UserInterface/Pages/FlyoutPage/README.md
@@ -0,0 +1,17 @@
+---
+name: .NET MAUI - FlyoutPage
+description: This sample demonstrates how to use the .NET MAUI FlyoutPage to manage two related pages of information.
+page_type: sample
+languages:
+- csharp
+- xaml
+products:
+- dotnet-maui
+urlFragment: userinterface-flyoutpage
+---
+
+# FlyoutPage
+
+This sample demonstrates how to use the .NET MAUI Multi-platform App UI (.NET MAUI) `FlyoutPage` to manage two related pages of information – a flyout page that presents items, and a detail page that presents details about items on the flyout page.
+
+For more information about this sample, see [.NET MAUI FlyoutPage](https://learn.microsoft.com/dotnet/maui/user-interface/pages/flyoutpage).