Page History
...
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...). Also, in NGClient we added two new classes: svy-layoutcontainer (for responsive layout containers) and svy-wrapper for wrapper div of the component (used in absolute layout).
1.1 Grid
The grid is based on UI-grid, there is a customizer that creates a stylesheet.
1.2 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 |
...
2. Changes from previous version
...
In the webclient, the font-size property is changed at runtime, so in order to keep the same runtime sizes in the NGClient, the css files should be updated using the following functions:
for sizes specified in pt:
ngclient_value = 3/4 * webclient_value
for sizes specified in px:
ngclient_value = 4/3 * webclient_value
...