Blazor - Set Default Theme and Remove Theme Chooser

Reinhold Erlacher

created 4 years ago

Hello,
I'm playing with the EAP build and I'm experimenting with actions in mobile view.
Now I would like to set a default theme for the application and remove the theme chooser.
What is the recomended way to do it?

Thanks
Reinhold

Answers approved by DevExpress Support

DevExpress Support Team

created 4 years ago (modified 4 years ago)

Hi Reinhold,

You can set the Default theme and limit the number of available themes in the DevExpress section in the appsettings.json file of your XAF Blazor application. If you leave only one theme, the Theme Chooser will be hidden. For example:

JSON
"DevExpress": {
  "ExpressApp": {
    "ThemeSwitcher": {
      "DefaultItemName": "Office White",
      "ShowSizeModeSwitcher": true,
      "Groups": [
        {
          "Caption": "DevExpress Themes",
          "Items": [
            {
              "Caption": "Office White",
              "Url": "css/themes/office white/bootstrap.min.css",
              "Color": "#fe7109"
            }
          ]
        }
      ]
    }
  }
}

Show previous comments (2)

Xian 4 years ago

Hi!

And how can I set the "Size Mode" to "Compact" in the appsettings.json?
So, I want the application to use the compact mode as default.

I can't find a setting for this in the documentation (ASP.NET Core Blazor Application Appearance | eXpressApp Framework | DevExpress Documentation).

Best regards,

Christian

Anatol (DevExpress) 4 years ago

Hello Christian,

You can use the GlobalOptions class, as described in our Blazor documentation: GlobalOptions.SizeMode Property.
Please let me know if need further assistance.

Xian 4 years ago

Great! Thank you!

Blazor - Set Default Theme and Remove Theme Chooser

Answers approved by DevExpress Support

Recently viewed tickets