Page History
...
| Smart/Web Client Type Selector | NGClient Selector |
|---|---|
body | [ng-style="bodyStyle"] |
| 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 | [ng-style="footerStyle"] |
| form | [svy-formstyle] |
| header | [ng-style="headerStyle"] |
| 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 | [ng-style="titleheaderStyle"] |
| 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...).
...
Overview
Content Tools
Activity