Guide Section: GUI of EASAPs | EASAP Tree: USER INTERFACE Branch

The USER INTERFACE STYLE object has no parameters as it is a Parent that contains Child custom style sheet (CSS) attributes, below:

Note: 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.

• 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: