How To Style Grid with Theme?

[john1598360627]

What is the intended way of styling the NG Grid?

By default the NG Grid has a 'ag-theme-bootstrap' style class. Is it possible to make a modification of this theme? Or is there documentation somewhere that a template of this theme I can create myself?


For example there is this website,
http://ui-grid.info/customizer/

however when applied to the NG Grid in Servoy it just breaks.


Unless there is something I'm missing I just don't know how to make a general theme (like 'ag-theme-bootstrap').

[sean]

Hi John,

No Servoy's NG-Grid is not based on the angular UI Grid you have cited.

I recommend that you first try the theme-roller built-in editor (see screenshot) and just change properties.

However if you really want to re-theme the grid, it would take some css/less work, but of course you could make your own complete ng-grid theme.

For example, look at what is shipped in the theme roller:
https://github.com/Servoy/svyThemeRolle ... less#L1469

An example of this is the ag-theme-servoy class you can see in the Sample Solution

Best,
Sean