Sections
Sections have the ability to add components to the page. They also have preset formatting options to help the site administrator layout the page.
This sections formatting options are set to:
Width: Wrapped, Column: 1Column, Margin: No Margin, Padding: Padding, Background Pattern: Penrose Light, Background color: White
Width:
(Default set to 'Wrapped')
-
Wrapped: Content expands to the width of the page
- Full width: Content expands the width of the browser window
Column:
(Default set to '1 column')
-
1 Column: Sets content in 1 column
-
2 Column: Sets content in 2 column
-
3 Column: Sets content in 3 column
-
4 Column: Sets content in 4 column
-
6 Column: Sets content in 6 column
Margin:
(Default set to 'No Margin')
-
Margin: Sets margin to top and bottom of the section
-
Margin Top: Sets margin to top of the section
-
Margin Bottom: Sets margin to bottom of the section
-
No Margin: Sets no margin to the section
-
Margin Top Overlay: Sets negative margin to top of the section
-
Margin Bottom Overlay: Sets negative margin to bottom of the section
Padding:
(Default set to 'Padding')
-
Padding: Sets padding to top and bottom of the section
-
Padding Top: Sets padding to top of the section
-
Padding Bottom: Sets padding to bottom of the section
-
No Padding: Sets no padding to the section
Background Pattern:
(Default set to 'None')
-
Circle Top Left: Sets a circle in the background of the section in the top left
-
Penrose Light: Sets a the TJPA penrose in the background of the section
-
Penrose Dark: Sets a the TJPA dark penrose in the background of the section
-
Wave White: Sets a white wave in the background of the section: Recommended to set 'Padding to Padding'.
-
Wave Grey: Sets a grey wave in the background of the section: Recommended to set 'Padding to Padding'.
-
Top White Wave: Sets a white wave in the top background of the section: Recommended to set 'Padding to top padding' and 'Background color to Light Gray'.
Component Type: Text
Text component is a Text Editor. It uses CKEditor. CKEditor is a WYSIWYG rich text editor which enables writing content directly inside of web pages or online applications. Its core code is written in JavaScript and it is developed by CKSource. CKEditor
(This Section is: Background color selected: Light Grey).
Component Type: Accordion with Background Image
Accordion Title
Detail 1
Lorem ipsum dolor sit amet consectetur adipiscing elit netus conubia, quam tortor montes a vel blandit sollicitudin est, iaculis etiam venenatis elementum potenti litora eros euismod.
Detail Label 2
Fames massa cras porta scelerisque hac fusce volutpat velit, accumsan et non ridiculus suspendisse mi nisi, felis lectus torquent ultrices netus justo eros.
Detail Label 3
Dis inceptos ornare quam tempus aliquet pharetra, arcu ultricies non luctus nisl vulputate, nascetur porttitor mollis molestie commodo.
Component Type: Blocks
Blocks are individual pieces of your site’s web page layout. They are placed inside the regions of your theme, and can be created, removed, and rearranged in the Block layout administration page. Examples of blocks include the Who’s online listing, the main navigation menu, and the breadcrumb trail. The main page content is also a block.
Drupal User guid: https://www.drupal.org/docs/user_guide/en/block-concept.html
In this case the blocks are referenced by a 'Entity reference revisions' field within the content of a node.
The below is referencing the block 'iContact Join Our Mailing List Form' blocks will only appear if they are in the Antechamber of /admin/structure/block.
Sub Title 2
Card Title 1
Lorem ipsum dolor sit amet consectetur adipiscing elit sociis, rhoncus aliquam etiam velit ad habitant justo vehicula, varius gravida enim cubilia est fames tempus.
Sub Title 2
Card Title 2
Lacinia eu dis purus volutpat fames fringilla torquent sem lobortis magna, tortor ac luctus velit dapibus curae taciti consequat.
Sub Title 3
Card Title 3
Est vulputate odio auctor ligula maecenas nulla at scelerisque, luctus id nunc fermentum et vitae feugiat nascetur per, cras ullamcorper ante ridiculus mus montes nullam.
Component Type: CTA: Text with left card
Component Type: CTA: Text with right column
Lorem ipsum dolor sit amet consectetur adipiscing elit a platea est ultricies sagittis eu
Component Type: Container
Wraps content in a div tag with the class 'container': <div class='container'></div>. This keeps the content contained to the page size.
Component Type: Icons
Lorem ipsum dolor sit amet consectetur adipiscing elit hac ultrices mollis fusce nisi bibendum.
Lorem ipsum dolor sit amet consectetur adipiscing elit hac ultrices mollis fusce nisi bibendum.
Lorem ipsum dolor sit amet consectetur adipiscing elit hac ultrices mollis fusce nisi bibendum.
Component: Gallery Modal
Component Type: Related content
Component Type: Tabs
Egestas maecenas nibh natoque curabitur conubia habitant condimentum congue viverra porttitor, cum lectus neque sagittis penatibus nisl feugiat vivamus eget venenatis, dignissim vel aliquam malesuada pharetra tempus at nascetur suspendisse.
Lorem ipsum dolor sit amet consectetur adipiscing elit porta, ornare sollicitudin per aptent natoque elementum netus, pretium erat facilisi posuere vitae habitasse nascetur.
Component Type: View Reference:
Defines a field type View reference which creates a relationship to a Views display and allows the view to be displayed as the content of the field.
The views allows administrators and site designers to create, manage, and display lists of content. Each list is known as a "view", and the output of a view is known as a "display". Displays are provided in either block or page form, and a single view may have multiple displays.
View referenced below is:
Construction Notices: DTX/The Portal (construction_notices_dtx_the_portal)