Fundamentals

Exploring Genocs Library's Blazor WebAssembly Template.

Here are some of the general components, features and pages that you get to see in Genocs Library’s Blazor WebAssembly Template.

Loading Screen #

The following is the defaults loading screen of the template.

You can tweak around the appearance by modifying \src\Client\wwwroot\index.html.

Basic Layout #

By default, the template sports an ADMIN Dashboard template that is mostly used for Management of Entities.

Navigation Bar #

Side Menu #

Body #

Theme Manager #

Genocs Library’s Blazor WebAssembly Template comes with a built-in theme manager that helps you customize various UI aspects right from primary colors to the radius of the containers with ease. You can view the Theme Manager component by clicking on the Paint Icon that you would see on every page of the template.

Note that each of the configuration changes you make get stored to your browser’s local storage.

Dark Mode #

Easily Switch to Dark / Light Mode with a toggle that you find on the theme manager!

Colors #

Here you get to set the Primary and Secondary colors used by the Blazor Application and personalize the already rich UI Template.

Not finding the color that you need? You can easily add new colors to this pallets by changing some code!

In the below screenshot you can find the default 12 colors defined in code.

Border Radius #

The Adjustable Slider helps you manipulate the Borders of the UI components.

Table Customization #