Fluid Template
On This Page:
/https://siu.edu/search-results.php
Last Updated: Nov 08, 2024, 12:37 PM
Our new Cascade CMS template is designed to enhance accessibility by prioritizing content, utilizing negative space, and incorporating higher contrast colors within our primary color palette. It modernizes the design to stay relevant with current design trends and offers flexibility, allowing users to create unique sites while maintaining adherence to our brand standards.
FTS Components
There are more than 20 component types that you can use on your page but that doesn't mean you should use all of them. Use your best judgement on what to use and when to use it and keep your end user in mind when layout in your page.
The layout is broken up into three ROW types. These are fixed and you can not rearrange them. Below is the name and order they appear on the page. they have different features available within each however some features are in more than one row type. We have several sample pages for displaying components and use cases.
- WYSIWYG Row -Appears at the top of the page to the right of the Navigation. Available components are:
- Component Row - Appears to the right of the Navigation.
- Full-Width Row - Content only appears UNDER the navigation/sidebar contact section.
- Accordion
- Big Image Feature
- Billboard
- Block Feature (50/50 with image)
- Button Group
- Button Link Routing Block
- Contact Card Group
- Fast Facts - Block
- Gallery - Block
- Large Video
- Link Collection
- Media Slap
- No Image Routing Block
- Overlapping Feature - Block
- Tabs
- Teaser Collection
- Testimonial
- WYSIWYG
- WYSIWYG - Block
- Staff Listing
Other page options:
Anchor Navigation
For longer pages, consider adding an anchor navigation bar, which appears in a light gray bar beneath the page's "Display Name" and above the main content. On desktop devices, this navigation displays as a horizontal row, while on mobile devices, it appears as a vertical list. We recommend limiting this section to 4-6 links for optimal usability. To create these links, users must enter the anchor text in the "Manual ID Field" of the relevant components or directly within the WYSIWYG editor.
Sidebar
All sites are set up with a contact block that will appear on all pages. However, if a page within your site needs to have different contact information, you can override it at a page level. You will need to override it manually on all pages that need it. To do a site-wide change, contact Web Communications to make that update for you as this is part of your site setup file.