Tables
Contained
Below is your default table styling. To add this Table, click on the + in the Rich Text Editor and select Table. A table with 2 rows and 2 columns will be added by default. From there, you'll be able to add additional rows and columns. To add another column or row, click on any table cell and once highlighted click on the Table Icon which has now replaced the + icon. Now, you'll see options to either add column before or after, add row before or after, as well as, remove any columns or rows. By default, the first row of a table will be converted to Headings.
|
Table Cell
|
Table Cell
|
Table Cell
|
|
Table Cell
|
Table Cell
|
Table Cell
|
|
Table Cell
|
Table Cell
|
Table Cell
|
|
Table Cell
|
Table Cell
|
Table Cell
|
Open
Below is an open-style table. To add this Table, click on the + in the Rich Text Editor and select Table. Next, with one of the table cell's highlighted, you should see Breadcrumbs above the Rich Text Editor icons. Click on the word "Table". This should highlight the entire table. Now, click on the Feather Icon and select Open Table Style. By default, the first row of a table will be converted to Headings.
|
Table Cell
|
Table Cell
|
Table Cell
|
|
Table Cell
|
Table Cell
|
Table Cell
|
|
Table Cell
|
Table Cell
|
Table Cell
|
|
Table Cell
|
Table Cell
|
Table Cell
|
Tabs
To add Tabs, click the + icon and select Snippets. Choose the Tabs Option. By default it will be the Contained version.
For the other options click on the Tabs label. This will show a side menu. Click the icon circled below.
This will show the options for the different types of Tab Layouts and Tab Actions
Contained (Default)
Tab 1 Title
1: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tab 2 Title
2: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tab 3 Title
3: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Open (Underline)
Tab 1 Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Tab 2 Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tab 3 Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Open (No Underline)
Tab 1 Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Tab 2 Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tab 3 Title
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tab 4 Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Icon Tabs
Tab 1 Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Tab 2 Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Tab Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Accordions
Accordion Classic
To add these Accordions, click the + icon and select Standard Accordions. You will need to save the accordions before adding content.
To move update the order of the accordions, click anywhere on the Accordion and this will show a side menu. Select the options to move up or move down.
Alternative Accordion with Image
To add these Accordions, click the + icon and select Image Accordions. You will need to save the accordions before adding content.
To move update the order of the accordions, click anywhere on the Accordion and this will show a side menu. Select the options to move up or move down.
Accordion Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh felis, vehicula quis sem eget, tempus semper nisi. Cur abitur id est pharetra tincidunt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan felis eget finibus dapibus. Fusce pulvinar eros mauris, et euismod magna ultricies nec. In malesuada mi in urna elementum fauc ibus. Integer a lorem leo. Sed pulvinar rhoncus nisi, eu vulputate metus fringilla a. Praesent rutrum magna id eros porta, eu mollis metus imperdiet vestibulum.
Accordion Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh felis, vehicula quis sem eget, tempus semper nisi. Cur abitur id est pharetra tincidunt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan felis eget finibus dapibus. Fusce pulvinar eros mauris, et euismod magna ultricies nec. In malesuada mi in urna elementum fauc ibus. Integer a lorem leo. Sed pulvinar rhoncus nisi, eu vulputate metus fringilla a. Praesent rutrum magna id eros porta, eu mollis metus imperdiet vestibulum.
Accordion Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh felis, vehicula quis sem eget, tempus semper nisi. Cur abitur id est pharetra tincidunt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan felis eget finibus dapibus. Fusce pulvinar eros mauris, et euismod magna ultricies nec. In malesuada mi in urna elementum fauc ibus. Integer a lorem leo. Sed pulvinar rhoncus nisi, eu vulputate metus fringilla a. Praesent rutrum magna id eros porta, eu mollis metus imperdiet vestibulum.
Unordered List
To add an unordered list, click on the Format icon and select Unordered List. Utilize the Indent and Outdent icons in the Rich Text Editor to alternate between nested list items. To break out of the list, hit Enter twice.
- Unorderd List Item
- Second Unordered List Item
- Tertiary Unordered List Item
- Third Unordered List Item
Ordered List
To add an ordered list, click on the Format icon and select Ordered List. Utilize theIndentandOutdent iconsin the Rich Text Editor to alternate between nested list items. To break out of the list, hit Enter twice.
- Ordered List Item
- Second Ordered List Item
- Tertiary Ordered List Item
- Third Ordered List Item
Pager