Accordions & Tabs

Snippets

Printable Version

Updated: 4/9/2024

Snippets are a type of reusable content that insert predefined content into a page while editing. The snippet content is then edited in the WYSIWYG editor without affecting the original snippet file. Snippets are often used for pieces of content with specific formatting, such as tables, buttons, and displaying quotes or images. Using snippets for design elements ensures consistent styling across pages and is specific to your website design. For information about your specific snippets, refer to your developer notes or contact your school's web content administrator.

Accordions

1. Login to the page to edit

2. Click Edit

   

3. Click one of the green edit buttons

   

4. Click the Snippet icon

   

5. Select Accordion

   

6. Insert Accordion

   

7. Save Accordion

8. Preview Accordion
   Expanded

9. Submit for approval

Accordion Landing Page

1. Select Accordion Landing Page

   

2. Insert Accordion Landing Page

   

3. Save Accordion Landing Page

4. Preview Accordion Landing Page

   
   Expanded

   

5. Submit for approval

Tabs

1. Select Tabs

   

2. Insert Tab – Tab Content will break into two columns as evenly as possible. This cannot be changed

   

3. Save Tab

4. Preview Tab

   

5. Submit for approval

Tabs No Border

1. Select Tabs No Border

   

2. Insert Tabs No Border - Tab Content will break into two columns as evenly as possible. This cannot be changed

   

3. Save Tab No Border

4. Preview Tab No Border

   

5. Submit for approval