There are two ways to add Folwell Components: either on the Edit tab or on the Layout tab. The components are the same in both methods.
If multiple components are added to a page, it's best to use the Layout tab, since each component will be a separate block and can be moved to different areas of the layout. Adding multiple components via the Edit tab means all of them will be in the same block, and cannot be moved independently.
The example components to the right (a Tabs Wrapper and an Image) are contained within the same block, so must be moved together.
Below are examples of the different Folwell Components that can be added to a page.
This is some example text on the first tab.
This is example text on the second tab.
Multiple tab content regions can be added to a tab. This is the second region on tab #2
And here is a third region, that contains some useful hyperlinks:
Champ roots for the hometeam!
Here are the eight different Folwell Components.
Folwell Tabs Wrapper
This is the Tab Section Title
Here is some example text. It's just a standard text area with wysiwyg formatting tools.
- List item #1
- List item #2
Here is the content on the second tab.
Folwell Accordion
This is #1
This is the text header
Here is some text in an accordion.
Table Example
The name of the table
| Direction | Amount |
|---|---|
| East | 10 |
| South | 15 |
| West | 5 |
| North | 20 |
A Nested Accordion
Item #A1
Sub Accordion Header
Here is some content.
Item #A2
Sub Item #2
Here is some example text.
Folwell Callout
Folwell Image (50%)
This is the image Caption. This image was inserted using 50% (notice that it is 1/2 the width of the region).
Available image sizes are 100%, 50%, 33%, 20%
Folwell Overlay Slideshow
This is the slideshow header
Folwell Slideshow
The Slideshow Header
