Cell Properties
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.
A Class name can have up to 100 characters. This includes all formatting, HTML tags, and line breaks.
Border Styles
Style | Border Style options available: Solid, Dashed, Dotted Click to apply to selected cell. Note that the border w Keyboard shortcuts help ill 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 | Can be applied to Text or Background of the cell.  Clicking the dropdown will open the color picker : Basic : will give you most popular colors Palette : will give you a lot more options Custom : You can either choose your color using this, or enter a hex reference at the top of the color picker.  |
Format Painter
Style, text, colour, etc result in the overall format of the cell.
You can copy and paste the format of one cell to another this is possible. You can also copy and paste label from one cell to another.
You can do this by clicking the brush icons in the Painter Tool as shown in gif below :
This icon allows you to copy format of the field
This icon allows you to paste the copied format
This icon allows you to clear format of the field
This allows you to copy and paste label of the field
This allows you to clear contents in the field
Borders
Border formatting allows you left, right, top, bottom border style selections. You can apply custom styles using the selection tool :
As shown below, you can use border styles in conjunction with the Border Formatting tool :
Go to This Section Next