Table of Contents
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.
|
| 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. |
