[+]
[+]
[-]
 [+]
  
 [+]
 [+]
  
 [+]
 [+]
 [-]
   
   
   
   
   
   
   
 [+]
 [+]
 [+]
 [+]
 [+]
 [+]
 [+]
[+]
Updated on 12/10/2019
Workflow Documentation
Component Styling
Direct link to topic in this publication:

PREVIOUS  |  NEXT

Component Styling

Quick Links


Workflow enables you to apply style attributes such as font and background styles on UI components. When you configure the components, we display one or more of these collapsable sections where you can configure the settings:

We also display these style attribute settings on the Bulk Style Designer. See Bulk Design for more information.

Basic Section 

[Back to top]

  • Class: The name of the CSS class. The CSS class must exist in the custom CSS file you have already uploaded. For more information about uploading cascading style sheets, see UI Settings. 
  • Background Color: The background color of the cell or column. You can enter either the name of the color or its hex color code equivalent. 
  • Background: One or more of the following properties for the background. For example, red 40px url("myimage.jpg") no-repeat. Separate properties with a space: 
    • Background-color

    • Background-image

    • Background-size

    • Background-repeat

    • Background-origin

    • Background-clip

    • Background-attachment

    • Background-position

        

  • Color: The text color. You can enter either the name of the color or its hex color code equivalent. 
  • Width: The width of the cell or column, in px, em, or pt units.  
  • Height: The height of the cell or column, in px, em, or pt units. 
  • Margin: Enter the cell margin in px, em, or pt units. 
  • Padding: Enter the cell padding in px, em, or pt units.

Border Attributes Section

[Back to top]

  • Border Color: Enter the border color. You can enter the name of the color, or you can use the hex color code equivalent. Example: You can enter the name red, or the equivalent hex color code #FF000.
  • Border Width: Enter the border width in px, em, or pt units.
  • Border Style: Choose from these attributes:
    • None
    • Dotted
    • Dashed
    • Solid 
    • Double 
    • Groove
    • Solid
    • Ridge

    Font Attributes Section

    [Back to top]

    • Font Size: Enter the font size in px, em, or pt units.
    • Font Family: Enter the font family.
    • Font Style: Choose from these font styles:
      • Normal
      • Italic
      • Oblique
      • Inherit
    • Text Align: The alignment of text in a cell or column. One of the following values:
      • Left
      • Center
      • Right
      • Justify
    • Font Weight: Enter the font weight using one of these values: 
      • Normal
      • Bold
      • Bolder
      • Lighter
      • Initial
      • Inherit
      • Numeric value: Enter a value between 100 and 900, where 400 equals normal, and 700 equals bold.