Business Pack themes overview
The DotVVM Business Pack ships wit two built-in themes you can use in your application:
Enterprise
theme is optimized for business applications with large and complicated forms where you need to utilize space efficiently. The controls don't use rounded corners and their margins are quite small so many fields can fit on the screen. You can see how the controls look like in DotVVM Business Pack Gallery.Bootstrap4
theme is emulating the look & feel from the Bootstrap 4 library so the controls can be used together with Bootstrap widgets and design elements.
Starting with the version 4, DotVVM Business Pack doesn't support Internet Explorer.
Choosing the theme
By default, the Enterprise
theme is selected when you add the following line to your DotvvmStartup.cs
:
public void ConfigureServices(IDotvvmServiceCollection options)
{
...
options.AddBusinessPack(); // Enterprise is the default theme
}
If you want to switch to the Bootstrap 4 theme, change the line to this:
options.AddBusinessPack(theme: BusinessPackTheme.Bootstrap4);
The Boostrap4
theme doesn't require Bootstrap 4 CSS files to be present in the application - all controls are still using the Business Pack CSS styles and the Bootstrap 4 look & feel is just emulated.
Customize the theme
DotVVM Business Pack is using CSS variables to allow easy customization of visual appearance of the controls.
See the Customize Business Pack theme section for more information.