https://github.com/mhrastegari/mauiblazoruibestpractices

MAUI Blazor Best practices for Mobile and Desktop UI
https://github.com/mhrastegari/mauiblazoruibestpractices

blazor csharp dotnet maui

Last synced: 3 months ago
JSON representation

MAUI Blazor Best practices for Mobile and Desktop UI

• Host: GitHub
• URL: https://github.com/mhrastegari/mauiblazoruibestpractices
• Owner: mhrastegari
• Created: 2023-01-25T20:13:28.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-12-10T12:39:17.000Z (about 1 year ago)
• Last Synced: 2024-10-04T13:32:05.461Z (3 months ago)
• Topics: blazor, csharp, dotnet, maui
• Language: C#
• Homepage:
• Size: 280 KB
• Stars: 19
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# MauiBlazorUIBestPractices

All you need to take from this repo is these files:

## Mobile UI

- [app.css](https://github.com/mhrastegari/MauiBlazorUIBestPractices/blob/master/wwwroot/styles/app.css) - Change default browser behaviors on mobile

- [color.xml](https://github.com/mhrastegari/MauiBlazorUIBestPractices/blob/master/Platforms/Android/Resources/values/colors.xml) - Change Android default system colors

- [index.html](https://github.com/mhrastegari/MauiBlazorUIBestPractices/blob/master/wwwroot/index.html) - Remove the "Loadnig..." text

- [MainPage.xaml.cs](https://github.com/mhrastegari/MauiBlazorUIBestPractices/blob/master/MainPage.xaml.cs) - Change default background color of BlazorWebView

Blog Post: [.NET Maui Blazor best practices for Mobile UI](https://dev.to/mhrastegari/net-maui-blazor-best-practices-for-mobile-ui-4def)

## Desktop UI

- [app.js](https://github.com/mhrastegari/MauiBlazorUIBestPractices/blob/master/wwwroot/scripts/app.js) - Disable macOS context menu

- [app.css](https://github.com/mhrastegari/MauiBlazorUIBestPractices/blob/master/wwwroot/styles/app.css#L60) - Change mouse cursor

- [app.css](https://github.com/mhrastegari/MauiBlazorUIBestPractices/blob/master/wwwroot/styles/app.css#L17) - Disable dragging images

- [app.css](https://github.com/mhrastegari/MauiBlazorUIBestPractices/blob/master/wwwroot/styles/app.css#L59) - Change items background color on hover and click

- [App.xaml](https://github.com/mhrastegari/MauiBlazorUIBestPractices/blob/master/Platforms/Windows/App.xaml) - Change Windows titlebar color

- [Counter.razor](https://github.com/mhrastegari/MauiBlazorUIBestPractices/blob/master/Pages/Counter.razor#L7) - Tooltip sample

- [MainPage.xaml.cs](https://github.com/mhrastegari/MauiBlazorUIBestPractices/blob/master/MainPage.xaml.cs#L33) - Disable Windows refresh with F5 key and zooming with mouse wheel

- [Index.razor.cs](https://github.com/mhrastegari/MauiBlazorUIBestPractices/blob/master/Pages/Index.razor.cs) & [windowSize.js](https://github.com/mhrastegari/MauiBlazorUIBestPractices/blob/master/wwwroot/js/windowSize.js) - Detect window size in our code

Blog Post: [.NET Maui Blazor best practices for Desktop UI](https://dev.to/mhrastegari/net-maui-blazor-best-practices-for-desktop-ui-4peo)