Page History
...
| Smart/Web Client Type Selector | NGClient Selector |
|---|---|
body | .svy-body |
| button | .svy-button |
| calendar | .svy-calendar |
| check | .svy-check |
| checkgroup | .svy-checkgroup |
| htmlarea | .svy-htmlarea |
| htmlview | .svy-htmlview |
| imagemedia | .svy-mediafield |
| combobox | .svy-combobox |
| even | .ui-grid-row:nth-child(even) .ui-grid-cell |
| field | .svy-field |
| footer | .svy-footer |
| form | .svy-form |
| header | .svy-header |
| label | .svy-label |
| listbox | .svy-listbox |
| odd | .ui-grid-row:nth-child(odd) .ui-grid-cell |
| password | .svy-password |
| portal | .svy-portal |
| radio | .svy-radio |
| radiogroup | .svy-radiogroup |
| slider | .svy-slider |
| spinner | .svy-spinner |
| splitpane | .svy-splitpane |
| tabpanel | .svy-tabpanel |
| textarea | .svy-textarea |
| textfield | .svy-textfield |
| typeahead | .svy-typeahead |
| selected | .ui-grid-row-selected div.ui-grid-cell (you have to use !important to override selected background color) |
| grid_header | .ui-grid-header-cell |
| grid_viewport | .ui-grid-header-viewport |
| title_header | .svy-titleheader |
| title_footer | N/A |
The grid is based on UI-grid, there is a customizer that creates a stylesheet: http://ui-grid.info/customizer/#
Also NGClient will output special classes for default components that can be used from solution css to easily style all components of same time. The name of the class is svy-componentName (so svy-label, svy-button, svy-calendar, svy-textfield...).
Grid
The grid is based on UI-grid, there is a customizer that creates a stylesheet: http://ui-grid.info/customizer/#
Tabpanel
Tabpanel is based on Bootstrap nav-tabs. To target the tabs, the following classes are available:
| Selector | Target |
|---|---|
| .nav-tabs | The tabs container |
| .nav-tabs > li | All the tabs of all tabpanels |
| .nav-tabs > li.disabled | Disabled tabs |
| .nav-tabs > li.active | The currently active tab |
Changes from previous version
...
Overview
Content Tools
Activity