Changing color scheme of datagrid

[oliver.aldrian]

Hi together,

 

in the demo, available under “https://www.htmlelements.com/blazor/blazor-ui/demos/blazor-grid?id=features” the color scheme of a datagrid (selected row / cell colors, button colors in header menus, etc) can be set using the menu on the right side (black button with gear, pops out menu where color scheme can be set).

I was not able to find sufficient documentation (neither in the api docs, nor in example sources, nor in the demo itself) how to do that.

So, how do I change the color scheme of a datagrid?

some small example code would be much appreciated.

 

KR Oliver

 

PS: The grid itself is wonderful, but standard coloring scheme does not fit my client.

[admin]

Hi oliver.aldrian,

Thanks for writing.

After smart.default.css, you can include any of the following CSS files which are included in the Blazor Nuget package:

smart.cyan.css
smart.green.css
smart.indigo.css
smart.orange.css
smart.pink.css
smart.purple.css
smart.red.css
smart.teal.css
smart.turquoise.css
smart.dark-cyan.css
smart.dark-green.css
smart.dark-indigo.css
smart.dark-orange.css
smart.dark-pink.css
smart.dark-purple.css
smart.dark-red.css
smart.dark-teal.css
smart.dark-turquoise.css
smart.bootstrap.css

You can use CSS variables to update the styles of the Grid, too. Please, refer to https://www.htmlelements.com/docs/grid-css/. It lists all CSS variables used by the Datagrid component.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[oliver.aldrian]

Thanks for the fast answer!

[Author]

Posts