.NET MAUI for Desktop: Window Size & Position, Tooltips, Context Menus

[@jfversluis]

Actually, some of these features can also be used on other devices! iOS and Android nowadays can also have mouse pointers, I think this works for that as well. Hungry for more .NET MAUI content? Maybe check out this .NET MAUI 101 playlist with all the fundamentals of .NET MAUI development: kzbin.info/www/bejne/iHLYiGuEq7d3pNU

[@dsuess]

So happy to see desktop is getting more love! This is a wonderful leap forward in the right direction. Before, I'd have to maintain a desktop-only app because of the lack of certain features. Great job team!

[@jfversluis]

Yay! I'll let the rest of the team know!

[@parko1965]

@@jfversluis If I wanted to only target the desktop is it a case of editing the csproj, ie TargetFrameworks?

[@tr7343]

I have recently started learning MAUI and saw many videos. You are really so good. Nice to see your videos! TY

[@jfversluis]

That is so very nice of you! Thank you so much!

[@GuildOfCalamity]

Great video! Would love to see more WinUI/Desktop videos on MAUI. I'm hoping MAUI becomes the new UWP, and you could use one project type to rule them all.

[@jfversluis]

What more would you like to see? All the rest of the videos should be applicable to all platforms

[@GuildOfCalamity]

@@jfversluis Thanks for replying. I was interested in things like setting the app icon, taskbar functions, balloon messages, titlebar tricks, message pumps, etc. I believe there was also a way to have actions appear when right-clicking an application in the taskbar, but I forget what they're called, maybe AppActions... it's like a jump-list. As a side note, would you mind using a dark theme during your videos?... it's easier on the eyes IMO.

[@TheRAINMan059]

​@@jfversluis Definitely Taskbar functions

[@ahmedjalal7806]

Keep it up brother your videos are a treasure to new Maui developers ❤️

[@jfversluis]

Love to hear that Ahmed! Thank you so much!

[@andrewtruckle1695]

This is how I remember it. 😊 "X and Y, Walk and Fly"

[@jfversluis]

Oooh that's a good one too haha! Thanks for sharing!

[@metacapitalism5113]

Have you done a video on how to write (good coding practice in .NET MAUI) Device-Specific UIs? Loved the platform specific DI video. This video is great, but it leads me to ask, what are the recommended patterns and best practices to write a Maui App that can target mutiple devices with device specific UIs. That seems to be Platform specific (Multi-Targeting) and specific UI pages under the specific platform folders? To fully take advantage of a platform specific features like the Desktop and still be able to target mobile devices with simpler UIs and less rich features would be a great sample video.

[@ashwanipahwa5556]

Short and crisp, Thanks a lot.

[@jfversluis]

👌 thanks!

[@mrsajjad30]

Thank you for the video. Yes, please, show us multi window in .Net MAUI application.

[@francoislepron2301]

Great. The answer is YES for a multiple windows demonstration, and I would be interested in knowing if MDI (Master / Child) is supported, as well as docking. Is there feature for maximizing or minimizing window, and knowing the size to the current screen (monitor), if we want of to adjust the size of the set of windows created. Also, how we can call public methods from another window, or access to its public properties. Thx.

[@jfversluis]

Although you can do some scenario's I'm not really sure if you would be able to do MDI and such. You might be interested in the DockLayout that has been added to .NET MAUI Community Toolkit for that though! Maybe that will help.

[@flipperNorway]

Thank you for great videos! I have a question / problem: I am making a kiosk type app for Android and Windows with touch screens that will host a dedicated web application inside a Webview. I now got it full screen thanks to this video. However I need to disable any kind of navigation and context menus that the webview can do. I need to disable the swipe to go back or forward, which is a function coming from Edge. ( I tried to disable it in Edge in my computer, but this does not affect the Webview). I also need to disable the right-click context menu in the Webview. How can I achieve this?

[@mirceamuresan3494]

When I try this with a newly created Maui app, I get this build error: 'Window' does not contain a definition for 'Width' and no accessible extension method 'Width' accepting a first argument of type 'Window' could be found (are you missing a using directive or an assembly reference?) Same build errors for Height and for the positioning X and Y. Is it possible because Microsoft might've changed the way the Window object works now in Maui?

[@tylernichols031986]

I get the same error. Did you find a workaround?

[@martinzazvorka3835]

That looks amazing. Well done. How do i separate navigation and menus from the Views?. At the moment we use WPF with prism, where we utilize navigation regions. Is something like that possible here ? Regions are quite easy to do, but i would like to use the new fancy navigation that comes with MAUI.

[@DeepWorksStudios]

Hey Gerald thats great news but some stuff are still missing like SetIsAlwaysOnTop SetIsMinimizable SetIsResizable SetIsMaximizable these are until now only posible to influence through using WinUIEx extension. It would be awesome to see an update that implements these natively in Maui Anyway thanks for putting always so much effort into your tasks.

[@lebeluet]

Thanks for sharing new features. One feature is missing. To me the most important One for desktop Development is the ribbon Toolbar.

[@jfversluis]

I think that will require a lot of platform-specific code as it’s very specific to Windows and maybe macOS. I think it will never come as part of .NET MAUI directly

[@lebeluet]

@@jfversluis you are probably right. But WPF has ribbon.

[@jdia.]

Is there a way to remove the title, min, max, close buttons and the window border? Like you could in the window forms, to make a custom border and action buttons? Or just be overall borderless? Also, is there a way to snap it to the left, right or top like a Taskbar. I could accomplish this in windows form, but maui isn't letting me.

[@andrewtruckle1695]

Interesting. 1. How can you include menu item icons? 2. Can you do a video about managing "Translations" for an application? Thanks.

[@jfversluis]

1. I don't think you can right now, unless you'll implement platform-specific code to enable that. 2. Will come soon!

[@manishbisen1909]

Thanks for the video. Can you showcase some complex apps build with maui ? Just would like to confirm maui is suitable for complex apps or not.

[@jfversluis]

You probably want to review the .NET Conf keynote for .NET MAUI. There were some partners showcased there. One of which is an app by the Dutch government with 15 million users.

[@yvanbrunel9734]

Thanks for the video, as always! Appreciate the effort

[@jfversluis]

Thank you Yvan!

[@shavkatseven7688]

Very important you and your video for every us Thanks...

[@jfversluis]

Many many thanks

[@woistdasniveau8290]

But how can we adjust the Width of a CollectionView, for example, with the Window Size? Is there a better option than implementign this by and with the size changed event?

[@v317865]

When will the visual designer be available?

[@jfversluis]

We don’t have anything on the roadmap for that right now

[@zxcask]

Hello, Is there a way to have the 2nd window to be always on top of the first window? community toolkit popup seems quite limited to only single layer popup. Ultimately I want a custom modal dialogs to have another modal dialog on top? similar to the scenario of an overwrite prompt dialog is always on top of a save file dialog that is always on top of a notepad window/app. maybe like z position?

[@cmorait]

Can you make a demo app that run on Android and Windows to see how you will program the individual parts of mobile and desktop ?

[@krishnayele5639]

awesome it worked. THANKS A LOT

[@jfversluis]

Love to hear it! Well done!

[@santaclaus2066]

Thanks from north Pole 🥳🥳🥳

[@jfversluis]

Really?! Wow! I have been nice this year! Hopefully I will get lots of presents from you!

[@luca058]

Is it possible to set the size during the applications life. Like press a button and change the window size?

[@jfversluis]

This should help: blog.verslu.is/maui/full-screen-disable-minimize-maximize-for-net-maui-windows-apps/

[@alibouzrouti744]

Think you for your help. Can i use .net maui with google sheets database?

[@jfversluis]

Sure I don’t see why not

[@alibouzrouti744]

@@jfversluis thank you very much 🙏

[@emmanuelgt]

someone who is going to start an application, if he knows XAMl and Blazor, with which of the two technologies would you recommend using MAUI, THANKS IN ADVANCE

[@jfversluis]

To be honest, it doesn't matter. I don't have a solid recommendation. Just pick whatever you enjoy working most with. Both can do the same things.

[@mohamadrezamohamadi9915]

Hello, please make a tutorial about disabling the maximize and minimize button in Windows, I really need it, thank you

[@jfversluis]

I have a repository with sample code for that right here: github.com/jfversluis/MauiWindowsFullscreenMinimizeMaximizeSample Will write a blog post and maybe do a video about it and will update the repo with that info later :)

[@mohamadrezamohamadi9915]

@@jfversluis Thank you so much for the help I really needed. Thank you for helping us grow in Maui

[@flauberttagu]

.net maui has only one issue for Windows. The issue is that when using multiple screens if we close the app on the second screen, maui will always pop on the first screen. It is very inconvenient when you are a developper (even for users maybe) and you try to shows the app directly in the second screen and visual studio is on the first screen.

[@appomobi]

Awesome thanks!

[@jfversluis]

You’re welcome!

[@Miles7000]

Respect.. You makeing best work Thanks

[@jfversluis]

That's so nice of you! Thank you so much!

[@jeffm3865]

Thanks. Very useful

[@jfversluis]

Glad it was helpful! Thanks for watching!

[@cissemy]

Hi Gerard How can I get the tabs at the bottom of the screen for both android and ios (instead of the top) ?

[@jfversluis]

This is probably helpful: learn.microsoft.com/dotnet/maui/android/platform-specifics/tabbedpage-toolbar-placement?view=net-maui-7.0

[@abaal2109]

Hi Is there anyway to override the default android navigation animation?

[@cristiantoma1500]

Is there any possible way to display a context menu when i press a button on Android platform ?

[@resler7ooo118]

Thanks so many much Brother...

[@jfversluis]

Always welcome!

[@4My-Robot]

Thank you, can use Sqllocaldb with Maui Desktop App?

[@jfversluis]

Absolutely!

[@4My-Robot]

@@jfversluis Thanks

[@juanjoserabileroluna1456]

Hello, i need show fullscreen a MAUI app for windows. Thanks

[@jfversluis]

Voila: blog.verslu.is/maui/full-screen-disable-minimize-maximize-for-net-maui-windows-apps/

[@deathsride1818]

Very much appreciated

[@jfversluis]

Very welcome!

[@Ookani99]

Hello, do you know if you can change the size of one page to another?

[@jfversluis]

I guess you could if you have a reference to the window and then on the navigation events set the size

[@Ookani99]

@@jfversluis thanks i try to find something on internet

[@mohamadrezamohamadi9915]

Hello, I have another question that I want my application page in Windows to be in the middle position without having to manually set the X value and to run it in the middle of Windows on different monitors with different sizes.

[@mohamadrezamohamadi9915]

😅😅

[@funnybaldandbeardy3927]

I’m having major issues with MAUI on Mac, as in it’s unbelievably slow, things that take just 4ms on PC take over 400 on Mac (both Intel & Arm) I can supply a simple example, but at present we are seriously contemplating dropping Maui and writing native apps 😢

[@jfversluis]

Sorry to hear that! Not sure if you mean the tooling of the runtime performance. If you mean the tooling make sure to report it through Visual Studio under the Help menu choose Provide Feedback > Report a Problem. If it's with a .NET MAUI app make sure to open an issue on the repository with all the details and indeed a reproduction sample!

[@funnybaldandbeardy3927]

@@jfversluis issue is with the Maui app itself, where would be the best place to log this?

[@NemoNemoStudio]

Nice video

[@jfversluis]

Thank you!

[@MercurianMyrrh]

is this still applicable to net8? I recently moved to net8 and ExtendsContentIntoTitleBar = false and overlappedPresenter.IsMaximizable = false no longer work, as my flyout button and back button are still placed in title bar and, although the button is disable, I can still double click on the title bar to maximize it

[@ДанилСтрученков]

How to request user permissions (Show notifications) in Android 13 - xamarin ?

[@santaclaus2066]

Thank so muuuuuuch...😃😃😃😃

[@jfversluis]

You're very welcome!

[@MrLazyleader]

Is the MAUI desktop app still UWP like with Xamarin?

[@jfversluis]

Nope! It’s based on WinUI now

[@MrLazyleader]

@@jfversluis Oh wow, I might have to migrate at some point then. I tried migrating my project to MAUI a few months ago but most of the stuff I used didn't work yet in MAUI.

[@daretsuki6988]

Is it possible to create Android homescreen app widget in .NET MAUI? If not, can I somehow integrate a widget created in Xamarin or Kotlin into .NET MAUI application?

[@jfversluis]

You cannot make those widgets with .NET MAUI, I do think you can still create them with C# and .NET on the .NET for Android level and package them with your apps. Unfortunately, I don't have any experience with that though.

[@sman6320]

Since I updated my project to .NET 7, the controls (Entry) are not shown correctly. I must hover over each and every Entry control to have them painted correctly - but only on Windows, on macOS everything is OK. Anybody else with that problem?

[@jfversluis]

If you think there is a bug, check the repo is there is an issue for it or open one. Do you have custom styling in place?

[@sman6320]

@@jfversluis I didn't find anything on that issue. And I don't have a custom styling in place. For testing, I replaced my Grid on the first ContentPage (1st tab) with a VerticalStacklayout with only 1 Entry control and that is painted correctly. But that can't be the solution.

[@faizankhan3906]

amazing

[@jfversluis]

Thank you! Cheers!

[@narmawalaanzar5901]

Is this will work with Win Ui 3?

[@jfversluis]

Everything you've seen in this video is using WinUI through .NET MAUI

[@f.gabrielsosarozzi2661]

I need my .NET MAUI application to start maximized. How do I do that?

[@jfversluis]

This might help: blog.verslu.is/maui/full-screen-disable-minimize-maximize-for-net-maui-windows-apps/

[@f.gabrielsosarozzi2661]

@@jfversluis Thanks for help!

[@hakhov1]

Please, can you help me find a solution for the Windows Tray Icon To .NET MAUI!!!

[@jfversluis]

This app does that: github.com/davidortinau/WeatherTwentyOne/blob/main/src/WeatherTwentyOne/Platforms/Windows/TrayService.cs

[@hakhov1]

@@jfversluis Thank you so much this is so helpful and thank you for your quick and precise support.

[@f.gabrielsosarozzi2661]

How I prevent close application?

[@jfversluis]

Find out how it works on WinUI and you can apply it to .NET MAUI. To be very honest that sounds like a potentially very bad user experience though

[@f.gabrielsosarozzi2661]

@@jfversluis Thanks. The use case is complex. I need to confirm the application's closure if an open calibration process exists, as for various security reasons, that process must close properly.

[@DennisDamgaardHansen]

Am i the only one not having the property window.Height in the CreateWindow method? - only thing i can find is window.Page.HeightRequest, as Height is readonly on the page.

[@BlyZeHD]

You need to use .NET MAUI for .NET7

[@jfversluis]

Oh sorry missed this one! Yea this is for .NET 7 and later

[@BlyZeHD]

@@jfversluis I found an error when I'm trying to use DeviceDisplay in the CreateWindow method. protected override Window CreateWindow(IActivationState activationState) { var window = base.CreateWindow(activationState); var display = DeviceDisplay.Current.MainDisplayInfo; window.MinimumWidth = Math.Clamp(display.Width / 4, display.Orientation is DisplayOrientation.Portrait ? 250 : 500, display.Width); window.MinimumHeight = Math.Clamp(display.Height / 4, display.Orientation is DisplayOrientation.Portrait ? 500 : 250, display.Height); window.Width = display.Width / 2; window.Height = display.Height / 2; window.MaximumWidth = display.Width; window.MaximumHeight = display.Height; return window; } This crashes everytime. It seems like it can't get information about the display or something.

[@jfversluis]

@@BlyZeHD that might be too early on the lifecycle and that info isn’t available yet. I think there is an event for when the info changes. Hook into that to get it as soon. As its available and set it then

[@BlyZeHD]

@@jfversluis I tried with the Event too but it Just never fires

[@resler7ooo118]

Nice

[@jfversluis]

Thanks!

[@khaledimadsalehawad6285]

What if I just want to set the height/width of one page and not all of them.

[@jfversluis]

This is not about pages but about windows :) And each time you create a new window you can set the width and height for it if you want.

[@khaledimadsalehawad6285]

@@jfversluis Ah, understood. Thanks :)

[@gurur5481]

How to make window on top???

[@jfversluis]

This might help: blog.verslu.is/maui/full-screen-disable-minimize-maximize-for-net-maui-windows-apps/ This doesn’t describe exactly what you want but you should be able to use this and find the always on top option

[@gurur5481]

var handle = WinRT.Interop.WindowNative.GetWindowHandle(window); var id = Win32Interop.GetWindowIdFromWindow(handle); var appWindow = AppWindow.GetFromWindowId(id); switch (appWindow.Presenter) { case OverlappedPresenter overlappedPresenter: overlappedPresenter.IsAlwaysOnTop = true; break; }@@jfversluis

[@gurur5481]

@@jfversluis this one helps me overlappedPresenter.IsAlwaysOnTop = true; Thank you!!!

[@gurur5481]

@@jfversluis and also we ned to add #if WINDOWS using Microsoft.UI; using Microsoft.UI.Windowing; using Windows.Graphics; #endif

[@marvinxulu7816]

👽

[@jfversluis]

🛸

[@GiuseppeGaetanoSabatelli]

How do you fix that ugly gray system title bar? I've read that it's actually the MAUI platform drawing a gray section over the true system colors, too. lol. Shouldn't that be a priority for the MAUI dev community to focus on? Having the plain gray on desktop basically makes it impossible to have a professional looking application!

[@jfversluis]

Not sure what you’re talking about and where you might’ve read that. Even if what you’re saying is true, everything we as a team implement is overrideable and thus customizable through custom handlers and mappers.

[@davidhandy8981]

Hi Gerald, I inserted the code at 1:41, from lines 12 to 26 into my App.xaml.cs and I get a blank window. My prog is a desktop app using MAUI tabbed pages. My line 9 is -----> MainPage = new TabbedPages(); instead of ----> new AppShell();. All was working well, prior to adding this code, except that the window that opened at startup was a fair bit bigger (~1423x745) than the grid dimensions I wanted (880x700). I watched this video because I wanted the window to open smaller at startup. Any thoughts on the reason for the blank page?

[@jfversluis]

If you could put whatever you have in a small GitHub repo that would be helpful! Thanks!

[@davidhandy8981]

@@jfversluis Thanks for the very fast response...or a response at all! I think I figured it out. I started the app prior to Net7 and just recently followed your app to move to Net 7. I also changed the app to be Windows only. I think all of the leftover files was buggering things up. Once I stripped out the meat of the app and just had the barebones to allow for 3 tabs it was still starting with a window that was too large. I then started a new MAUI app and copied the five main file contents of the barebones app into the new MAUI app and it worked. This suggested that one of the files that was auto-generated, or from the original setup, was the issue. I have since started another new MAUI app and copied all of the required code of the full app into the new app and it worked as expected. Renamed the original folder to XXXXX-old to allow both to be open at the same time. Thankfully this was a successful experiment. Thanks again for your clear videos!

[@jfversluis]

Glad you figured it out! And thanks so much for the kind words 😄