Theme manager
Theme manager enables you to control the grid theme, which includes:
- Theme,
- Row coloring,
- Vertical grid,
- Horizontal grid,
To activate theme manager you need to have infoPanel config enabled. To open the config, click on the Theme manager icon at the bottom of the grid.
$('#theme-manager-detail').guiGrid({
infoPanel: GuiInfoPanel = {
enabled:true,
infoDialog:false,
columnsManager:false,
schemaManager: true
},
columns: [{
header: 'Name',
field: 'name'
}, {
header: 'Position',
field: 'position'
}, {
header: 'Team',
field: 'teamShort',
width: 80
}, {
header: 'Training',
field: 'training',
type: 'number',
width: 100
}, {
header: 'Company',
field: 'company'
}],
source: [...users]
});[
{
"id": "#1",
"name": "Mark Ross",
"company": "Genco Pura Olive Oil Company",
"position": "Team Leader",
"teamSort": "TI",
"training": 13,
"budget": -7000
}, ...
]Info Panel - options
| Options | Type | Default | Description |
|---|---|---|---|
| infoPanel | boolean | GuiInfoPanel | false | Pass a boolean to enable or disable info panel. Adding GuiInfoPanel object, allows deeper info panel configuration. |
| enabled | boolean | false | Enable/disable info panel. |
| infoDialog | boolean | true | Sets info dialog visibility. |
| schemaManager | boolean | true | Enables schemaManager. |
| columnsManager | boolean | true | Sets column manager visibility. |
| sourceSize | boolean | true | Sets source size visibility. |