Working with .NET MAUI Styles - .NET MAUI 101

With Styles you can easily style your whole .NET MAUI app. In this video you will learn about implicit styles, explicit styles and how to apply styles to just one page or your whole application!

💝 Join this channel to get access to perks:

Disclaimer: this channel is done on personal title, in my free time, and not officially affiliated with or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.

🔗 Links

⏱ Timestamps
00:00 - .NET MAUI 101: Styles
00:13 - What are Styles?
00:48 - Implement First Style
04:00 - Implicit Styles
04:45 - Application-Wide Styles
06:10 - Saying Goodbye in Style

🎥 Video edited with Filmora

🙋‍♂️ Also find my...

#dotnetmaui #style #maui101 #dotnet #maui #dotnet6

[architpoddar]

Hey Gerald, amazing content as always. :)

Would really appreciate a separate video explaining VisualStates and MergedDictionaries.

[julybrown]

Content worth my subscription. Thanks for you for taking us along this journey.

[Mielesplayz]

My earbuds didnt work for weeks and now, this is the first time I can watch your video with sounds XD

[terryhenning]

Is there a way to get styles to work appwide if the control is not native? For example, I tried to apply a style to "Popup" from the Community Toolkit, but it would not work unless I put it right in the the XAML for my Popup subclass. I tried this in the styles.xaml file...

<Style TargetType="views:Popup" ApplyToDerivedTypes="True">
<Setter Property="Color" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Black}}" />
</Style>

[doublebass]

Great content as always, Gerald.

I tend to separate my resource dictionaries into separate xaml files (one for colors, one for brushes, one for control templates, one for values, one for styles).

I brought this concept over from my WPF days into xamarin, but I had to come up with a janky solution to wire it up. Can you please go over merged dictionaries with MAUI?

[MrSlowGain]

Thanks Gerald. Would love a run down on visual states. In particular with CarouselView and how that ties in with the CurrentItem...or selected item.- not sure it doesn't seem to have a selection mode like CollectionView. Has me confuse-ed.

[schulzpatrick]

Nice video as always.
But how can you set the fontfamily application wide ?

you would have to need to set the fontfamily to each element which can contain a text.
Also changing the fontfamily of Title-property inside ShellContent etc. can't be done

[terryhenning]

Thank you for this video on a topic that doesn't get enough attention!!

[metacapitalism]

scenario: Windows and Android deployment. On Android's small screen Left, Right Padding of X. On windes of 3 times X. Which is preferable DynamicResource or StaticResource. And I presume Themes are for a different use case example.

[davidjackson]

I'm told you can use CSS in MAUI apps to style things, can you do a video on that please :)

[martinzazvorka]

Great video. Quick question. Comming from Prism and WPF i would love to use regions in MAUI. Is there out of the box solution ? Thanx.

[TheMarkDrake]

Having a real tough time finding the correct packages to reference for a SQLite database. I'm adding old versions, that reference back to Xamarin. I only know this because the compiler gives me a warning about the mismatch. Could you clarify what/which packages are ready for .NET Maui? Thanks!

[snooki]

Hi gerald, great video ! I do not find how to activate the XAML Live Preview that you have. I always have to use the emulator, and would prever to have this live option. Can you explain how to avtivate that please ?

[jagadishwarballa]

Can you share videos on How to play video and audio in Maui applications ? Also how to handle authentication and authorisations in Maui?

[hungchip]

Maybe we want to use the same CSS selectors as the Web. But it seems that MAUI is not complete.

[francisdy]

Gerald good day, for some reasons Im still using xamarin, can you give me link or idea how sync works in xamarin, my client wants to upload what is encoded offline, when connection is available, thank you in advance

[KSingYT]

.NET MAUI Styles, How to use in c# 😵‍💫😵‍💫