Snippets
[WYSIWYG] Content Container
Any content not in another snippet or component must be placed in a [WYSIWYG] Content Container snippet to receive the correct styling.
Accordion
The Accordion snippet creates an "accordion" or series of hidden content regions on the page with links which expose/hide the content regions.
- Header An H2 heading which precedes the accordion
- Header ID An ID to assign to the header, usually for use in a URL fragment to link directly to the accordion. May use lowercase letters, numbers, dashes (-), and underscores (_). Do not use spaces or other special characters.
- Introduction Introductory text preceding the accordion
- Expand a Panel on Load Specify the number of a panel to expand when the page loads
- Accordion Items
- Heading The text displayed in the link which activates the accordion item
- Content The content which will be displayed when the accordion item is open
- ID (optional) An ID to be applied to the heading. Refer to Header ID for recommended character limitations.
Accordion Ipsum Sit H2
Ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
Heading 3
You can enter content freely. for an accordion panel.
When heading is empty, the panel does not output.
Even when you skip a row, you want to go off by the number indicated in the heading column when you are setting a specific panel to open on load.
Ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
Gallery Slider
The Gallery Slider snippet creates an image gallery (sometimes called a carousel) which allows the user to page through a short collection of images with captions. The snippet supports up to 4 or 5 images.
- Header An H2 heading prior to the slider
- Introduction An introductory paragraph placed before the slider
- Slides
- Image The image displayed in the slide
- Content Content/caption displayed in the slide
- ID (optional) An ID to assign to the list item. May use lowercase letters, numbers, dashes (-), and underscores (_). Do not use spaces or other special characters.
Carousel Ipsum Sit H2
Image List
The Image List snippet...
- Header (optional) An H2 heading preceding the Image List
- Introduction (optional) An introductory paragraph preceding the Image List
- Image List
- Image The image to display in the list
- Title The Title for this list item. Optionally, the title may be a link
- Subtitle (optional) A short subtitle which will be displayed above the Title
- Body WYSIWYG text displayed below the title
- ID (optional) An ID to assign to the list item. May use lowercase letters, numbers, dashes (-), and underscores (_). Do not use spaces or other special characters.
Image List Ipsum Sit H2
Title without link
Another Title without link
Programs List
The Programs List snippet...
- Header H2 Heading for the Programs List
- Heading Level Change the heading level for the header (h2 - h6)
- Introduction Introductory Paragraph for the Programs List
- Programs
- Program Name A link to the program with the program's name as the link text
- Program Type The program type
- ID (optional) An ID to assign to the program. May use lowercase letters, numbers, dashes (-), and underscores (_). Do not use spaces or other special characters.