.NET MAUI 7: How to set font for some 'special' elements? Or set a global font? (for dialogues, calendar, flyout tabbar, context menu button)

David 20

in our .NET MAUI 7 Android App, we've added a custom font and attach it to all possible elements. However, there are some elements for which we have not yet found a way to change the font:

Dialogues

example 1

Calendar

Flyout Bottom Tabbar

Context Menu Button

How can we define the font for these elements? And, is there a way to define a global font for Android and iOS, which also affects those elements (and could then be overwritten for other elements?

Thank you so much!

David

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 77,181 Microsoft Vendor

Firstly, please keep one thread for one question.

No settings could set global font for android and iOS.

We can do this by handler or invoke platform code.

For example, we can change the font in the DisplayAlert by native android API. As note: I put font in the android assets folder.

#if ANDROID
            AndroidX.AppCompat.App.AlertDialog.Builder alertdialogbuilder = new AndroidX.AppCompat.App.AlertDialog.Builder(Microsoft.Maui.ApplicationModel.Platform.CurrentActivity);
        alertdialogbuilder.SetMessage("this is alert");
        alertdialogbuilder.SetPositiveButton("Yes", (EventHandler<DialogClickEventArgs>)null);
      
        AndroidX.AppCompat.App.AlertDialog alertdialog = alertdialogbuilder.Create();
        alertdialog.Show();
        TextView textView = alertdialog.FindViewById<TextView>(Android.Resource.Id.Message);
        textView.SetTextColor(Android.Graphics.Color.Red);
       Typeface face = Typeface.CreateFromAsset(Microsoft.Maui.ApplicationModel.Platform.CurrentActivity.Assets, "Montserrat-Black.ttf");
        textView.SetTypeface(face, TypefaceStyle.Normal);
        var yesBtn = alertdialog.GetButton((int)DialogButtonType.Positive);
        yesBtn.Click += (o, e) =>
        {
            alertdialog.Dismiss();
        };

#endif

For Calendar, Flyout Bottom Tabbar and Context Menu Button, you can change it by handler.

David 20 Reputation points

2023-05-30T18:43:12.22+00:00

@Leon Lu (Shanghai Wicresoft Co,.Ltd.) ,

thank you for your answer, it helped us already. We're now trying to do it one by one - but it's really hard to find the correct handlers. Maybe you can help us here? https://learn.microsoft.com/en-us/answers/questions/1287591/maui-handlers-and-commands-to-style-the-shell-bott?comment=question#newest-question-comment

Share via

.NET MAUI 7: How to set font for some 'special' elements? Or set a global font? (for dialogues, calendar, flyout tabbar, context menu button)

Your answer