Why is the fllayout when I choose the flow direction from right to left, it does not change from right to left, it remains the same from left to right?
Hi Daniel, great tutorial and it helps a lot. I have a question when playing around, if I want to add an extra in a flyout item, such as status or slide button by the side of title. For example I want show a special identity or status of one if the flyout item in the flyout menu. How can I manage to do that? Thank you!
Hey, I know it has being a very long time, but you can achive that by creating columns and rows in a visual. Although, you can bind info using {Binding}
Set FlyoutBehavior to Locked. For compact mode you can just set Width so it will only show icons. If you want to expand it you can do it by changing the value by code. I am working on a video right now that will show this.
is not working for templating the MenuItem. i get the error XFC0045: Binding: Property "Icon" not found on "Microsoft.Maui.Controls.MenuItem". i have the property 'IconImageSource' but this is not working
I had the same issue. Did you have something like this declared in AppShell.xaml: x:DataType="viewModels:AppShellViewModel" If so this is the cause of the problem - it's hiding the Icon property. Take it out and wherever you need to bind to AppShellViewModel set the BindingContext instead:
I will say that you not choose on that, it depends on what icons you want to use. And that you now can use svgs with Maui is great, compared with Xamarin.Forms.
From all the examples I can find around MAUI Shell, there is not a single one that shows Flyout on any other page other than the first page. It seems like it's always assumed you want your app to start with the Flyout navigation and I don't. My app has a couple of pages to get through before you get the the Flyout page. How do I do that please. Can you do a video?
@@davidjackson148 You can programmatically disable the flyout in C# like this: Shell.SetFlyoutBehavior(Shell.Current, FlyoutBehavior.Disabled); Or in XAML like this: Shell.FlyoutBehavior="Disabled"
@@GoogleDoesEvil I gave up on flyout and created my own control using contentpresenter and contentview, much more predictable but gives me the behavior I want and can control
Thank you for an amazing tutorial on how to customize Shell!
I was playing with this the otherday, trying to load my flyoutItems (menu items) from a ViewModel, wasn't sure how to achieve the icons.
Why is the fllayout when I choose the flow direction from right to left, it does not change from right to left, it remains the same from left to right?
Can we open flyout drawer on custom button click?
Hi Daniel, great tutorial and it helps a lot. I have a question when playing around, if I want to add an extra in a flyout item, such as status or slide button by the side of title. For example I want show a special identity or status of one if the flyout item in the flyout menu. How can I manage to do that? Thank you!
Hey, I know it has being a very long time, but you can achive that by creating columns and rows in a visual. Although, you can bind info using {Binding}
Is it possible to start flyout as expanded, and collapse only compact, like a bar of only with icons?
Set FlyoutBehavior to Locked. For compact mode you can just set Width so it will only show icons. If you want to expand it you can do it by changing the value by code. I am working on a video right now that will show this.
@erkkitr the video is not ready yet. But I have published the code for gold members of my channel, th-cam.com/channels/YgCOJLbtiBCHzuoPNovtzQ.htmljoin
Is there any way to place the tab title in center if there is no icon? without icon I looks odd as placed in bottom.
I don't think so 🙁
@@DanielHindrikes 🥲okayyy.. Thanks for the reply bro.
nice work pal.
can we change the position from the icon to the right corner?
I don't think so. If you mean the icon to open the Flyout.
is not working for templating the MenuItem. i get the error XFC0045: Binding: Property "Icon" not found on "Microsoft.Maui.Controls.MenuItem". i have the property 'IconImageSource' but this is not working
I had the same issue. Did you have something like this declared in AppShell.xaml:
x:DataType="viewModels:AppShellViewModel"
If so this is the cause of the problem - it's hiding the Icon property. Take it out and wherever you need to bind to AppShellViewModel set the BindingContext instead:
Forgot to mention - make sure you define the namespace of AppShellViewModel:
xmlns:viewModels="clr-namespace:TestApp.ViewModels"
@@gabrielle_chan - most excellent tip, this solved an issue I was struggling with. Thanks!
Great
Is svg lighter than font awesome icon ?
I will say that you not choose on that, it depends on what icons you want to use. And that you now can use svgs with Maui is great, compared with Xamarin.Forms.
From all the examples I can find around MAUI Shell, there is not a single one that shows Flyout on any other page other than the first page. It seems like it's always assumed you want your app to start with the Flyout navigation and I don't. My app has a couple of pages to get through before you get the the Flyout page. How do I do that please. Can you do a video?
Great idea. I will see what I can do 🙂
@@DanielHindrikes To give you an idea. I have a login page, then a summary page and from a selection there you get to the flyoutpage
@@davidjackson148 , have a look at this video: th-cam.com/video/dWnGoZY3XiE/w-d-xo.html&ab_channel=ProgrammingWithPragnesh
@@davidjackson148 You can programmatically disable the flyout in C# like this: Shell.SetFlyoutBehavior(Shell.Current, FlyoutBehavior.Disabled);
Or in XAML like this: Shell.FlyoutBehavior="Disabled"
@@GoogleDoesEvil I gave up on flyout and created my own control using contentpresenter and contentview, much more predictable but gives me the behavior I want and can control
In .NET MAUI , how to change the FontFamily For TableView
You look angry when you concentrate on code 😁