Customizing skins at different levels
Example 4.1. Example: Simple Panel Component ... This code generates a panel component on a page, which consists of two elements: a wrapper element and a element for the panel body with the specified style properties. The wrapper element will look like this: ... dr-pnl is a CSS class that is specified in the framework via skin parameters: background-color Defined with generalBackgroundColor. border-color Defined with panelBorderColor. You can change all colors for all panels on all pages by changing these skin parameter values. However, if you specify a class on the page, its parameters are also acquired by all panels on this page. Developers can also change the style properties for a panel. For example: This definition could add some style properties from customClass to one particular panel. As a result, we will get three styles: ...