Properties for a cell will appear in the right side panel when the cell is placed or clicked.
Description
The description when you are on a Label cell can be changed when using the form editor, however this will update the User Field description also.
Custom Classes
Ignore. For RIB Staff use.
Border Styles
Style
Border Style options available: Solid, Dashed, Dotted
Click to apply to selected cell. Note that the border will be applied to all 4 sides of the cell.
Width
Border Width. Expressed in pixels. Selections from 1px - 5px available for use.
Click to apply to selected cell. Note that the border will be applied to all 4 sides of the cell.
Colour
Clicking the dropdown will open a Colour Picker.
You can either choose your colour using this, or enter a hex reference at the top of the colour picker. To clear a selected colour, click on the drop icon in the top right of the colour picker panel.
Click to apply to selected cell. Note that the border will be applied to all 4 sides of the cell.
Text Styles
Preset styles which can be used on your form.
These include default styles for Main Headings, Sub Headings and standard Text in black, blue and grey.Select from the dropdown to apply to the current selected cell.
Pre-Set Text Style Properties
| Style | Font Size | Case | Font Colour | Background Colour | Emphasis |
|---|---|---|---|---|---|
| Proper Case - Grey Font | 12px | Proper | #666666 | #ffffff (nil) | nil |
| Proper Case - Blue Font | 12px | Proper | #0067b1 | #ffffff (nil) | nil |
| Proper Case - Black Font | 12px | Proper | #000000 | #ffffff (nil) | nil |
| UPPER CASE - GREY FONT | 12px | UPPER | #666666 | #ffffff (nil) | nil |
| UPPER CASE - BLUE FONT | 12px | UPPER | #0067b1 | #ffffff (nil) | nil |
| UPPER CASE - BLACK FONT | 12px | UPPER | #000000 | #ffffff (nil) | nil |
| Main Heading - Blue Font - Proper Case | 14px | Proper | #0067b1 | #f1f1f1 | Underline |
| MAIN HEADING - BLUE FONT - UPPER CASE | 14px | UPPER | #0067b1 | #f1f1f1 | Underline |
| Main Heading - Grey Font - Proper Case | 14px | Proper | #666666 | #f1f1f1 | Underline |
| MAIN HEADING - GREY FONT - UPPER CASE | 14px | UPPER | #666666 | #f1f1f1 | Underline |
| Main Heading - Black Font - Proper Case | 14px | Proper | #000000 | #f1f1f1 | Underline |
| MAIN HEADING - BLACK FONT - UPPER CASE | 14px | UPPER | #000000 | #f1f1f1 | Underline |
| Sub Heading - Blue Font | 14px | Proper | #0067b1 | #f1f1f1 | nil |
| SUB HEADING - BLUE FONT - UPPER CASE | 14px | UPPER | #0067b1 | #f1f1f1 | nil |
| Sub Heading - Grey Font | 14px | Proper | #666666 | #f1f1f1 | nil |
| SUB HEADING - GREY FONT - UPPER CASE | 14px | UPPER | #666666 | #f1f1f1 | nil |
Text Properties
Emphasis
Click to apply to the current selected cell.
Options Available: Bold, Italic, Underline, UPPERCASE
Font Size
Click to apply to current selected cell.
Expressed in Pixels, default 12px.
Alignment
Click to apply to current selected cell.
Horizontal Alignment (Left, Centre, Right)
Vertical Alignment (Top, Centre, Bottom)
Text Wrap
Click to apply to current selected cell.
Colour
Click to apply to current selected cell.
Can be applied to Text or Background of the cell.
Clicking the dropdown will open a Colour Picker.
You can either choose your colour using this, or enter a hex reference at the top of the colour picker.
Go to This Section Next