User Tools

Site Tools


USER INTERFACE STYLE

Guide Section: An EASAP GUI
EASAP Tree: USER INTERFACE > USER INTERFACE STYLE LIST > USER INTERFACE STYLES


A USER INTERFACE STYLE:

  • has no parameters
  • is a parent that contains child custom style sheet (CSS) attributes

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 sub-branch
USER INTERFACE STYLESParent for USER INTERFACE STYLE objects
USER INTERFACE STYLE Parent to style attributes like MARGIN, BORDER, PADDING…
BACKGROUNDDefine the style of an object's background
BORDERDefine an object's border
TEXT STYLEDefine the text attributes for an HTML style
MARGINDefine the space outside of a border
PADDINGDefine the space between an object and its border
OTHER STYLEDefine other CSS properties using standard 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 the default name user_interface_style1 is fine
  • 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
    • Style: user_interface_style1

Screenshots of the running EASAP below,