Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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.


Info

A Class name can have up to 100 characters.  This includes all formatting, HTML tags, and line breaks.



Border Styles

Table of Contents


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

StyleFont Size Case Font Colour Background Colour Emphasis
Proper Case - Grey Font

12px

Proper

#666666#ffffff (nil)nil
Proper Case - Blue Font 12pxProper#0067b1#ffffff (nil)nil
Proper Case - Black Font 12pxProper#000000#ffffff (nil)nil
UPPER CASE - GREY FONT 12pxUPPER#666666#ffffff (nil)nil
UPPER CASE - BLUE FONT 12pxUPPER#0067b1#ffffff (nil)nil
UPPER CASE - BLACK FONT 12pxUPPER#000000#ffffff (nil)nil
Main Heading - Blue Font - Proper Case 14pxProper#0067b1#f1f1f1Underline
MAIN HEADING - BLUE FONT - UPPER CASE14pxUPPER#0067b1#f1f1f1Underline
Main Heading - Grey Font - Proper Case 14pxProper#666666#f1f1f1Underline
MAIN HEADING - GREY FONT - UPPER CASE 14pxUPPER#666666#f1f1f1Underline
Main Heading - Black Font - Proper Case 14pxProper#000000#f1f1f1Underline
MAIN HEADING - BLACK FONT - UPPER CASE14pxUPPER#000000#f1f1f1Underline
Sub Heading - Blue Font 14pxProper#0067b1#f1f1f1nil
SUB HEADING - BLUE FONT - UPPER CASE 14pxUPPER#0067b1#f1f1f1nil
Sub Heading - Grey Font14pxProper#666666#f1f1f1nil
SUB HEADING - GREY FONT - UPPER CASE 14pxUPPER#666666#f1f1f1nil


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

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 :


Info
titleGo to This Section Next

Follow on to this section next.