Homepage | About EASA | Contact
Sidebar
USER INTERFACE STYLE
Guide Section: An EASAP GUI
EASAP Tree:
USER INTERFACE → USER INTERFACE STYLE LIST → USER INTERFACE STYLES
USER INTERFACE STYLE has no parameters as it is a Parent that contains Child custom style sheet (CSS) attributes, below:
When styling individual objects, the usage of USER INTERFACE STYLE objects have the lowest priority and will be ignored if any other parameters related to the style of the object are set.
 USER INTERFACE STYLE LIST |
|||
|---|---|---|---|
 USER INTERFACE STYLES | Parent for USER INTERFACE STYLE objects. | ||
| USER INTERFACE STYLE | Parent to style attributes (MARGIN, BORDER, PADDING…) | ||
 BACKGROUND | Defines the style of an object's background. | ||
 BORDER | Defines an object's border. | ||
 TEXT STYLE | Defines the text attributes for an HTML style. | ||
 MARGIN | Defines the space outside of the border of the object being formatted. | ||
 PADDING | Defines the space between the object being formatted and its border. | ||
 OTHER STYLE | Defines other Custom Style Sheet (CSS) properties using standard CSS syntax. | ||
An Example
- Right-click USER INTERFACE
- Select Child→Add USER INTERFACE STYLE LIST
- Right-click USER INTERFACE STYLE LIST
- Select Child→Add USER INTERFACE STYLES
- Right-click USER INTERFACE STYLES
- Select Child→Add USER INTERFACE STYLE
- Right-click user_interface_style1
- Select Child→Add BACKGROUND
- Set → Color: 'blue' or use the palette to select one.
- Right-click BACKGROUND
- Select Sibling→Add TEXT STYLE
- Set → Color: 'green' or use the palette to select one.
- Right-click USER INTERFACE→TABBED PANE LIST→tabbed_pane1
- Select Child→Add LABEL
- Set Label: 'Label with CSS'
- Set Style: user_interface_style1
Screenshots of the Builder and the running EASAP follow:
