User Tools

Site Tools


USER INTERFACE STYLE

Guide Section: An EASAP GUI
EASAP Tree: USER INTERFACEUSER 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 STYLESParent for USER INTERFACE STYLE objects.
USER INTERFACE STYLEParent to style attributes (MARGIN, BORDER, PADDING…)
BACKGROUNDDefines the style of an object's background.
BORDERDefines an object's border.
TEXT STYLEDefines the text attributes for an HTML style.
MARGINDefines the space outside of the border of the object being formatted.
PADDINGDefines the space between the object being formatted and its border.
OTHER STYLEDefines 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:


Page Tools