New Features - Spring 2024
Blockquote Blue
Blockquotes are a way to highlight certain sections of text by breaking them out of your standard paragraph. We've always had options for blockquotes that are white, but we have now added a version that that uses the blue color for a more dynamic quote.
Blockquotes are a way to highlight certain sections of text by breaking them out of your standard paragraph.
In a text field, highlight the text you want to feature. Once you've selected your text, go to Formats > Custom > blockquote-blue. This will create a blockquote similar to the one above.
Note: When previewing in Cascade there will be a cyan colored empty box next to the quote, on the live site this will be replaced by quotation marks.
Headers
We have various different styles for heading levels 2-5. The standard levels are selected via the Formats > Headings option. You can then customize their look by highlighting the heading and choosing Formats > Custom > Heading Gray (this option turns your heading from blue to gray) for h2-h5 level headings. H2 level headings also have the option for Reverse Blue, Reverse Gray and Reverse Cyan (these options add a background color to your heading and make the text change color for contrast purposes).
Examples of each heading type can be found in the Cascade styleguide.
Highlights
Highlights are a great way to draw attention to key words in a paragraph. Highlights behave differently depending on what colored background you create them on. On a standard background they make the text bigger and adds a light cyan background at the bottom of the text. On a blue background the text is bigger and is changed to a cyan color. View all the options for the highlights in the Cascade styleguide.
To create a highlight, select your text and go to Formats > Custom > highlight-callout.
Popouts
Popouts create a colored dropshadow on either an image or a section of text. There are options for both cyan and gray popouts that can be added to text by going to Formats > Custom > Cyan Popout and Formats > Custom > Gray Popout. An additional option for images is available for a blue popout. To add popouts to images, in the text editor select one of bluepopout, cyanpopout or graypopout from the Custom Formats menu in the Image Selector popup.
Image Popout
Text Popout
A rate calculator can be designed in Cascade to build a simple calcualtor to estimate things like tuition or scholarship rates. The calculator above can estimate how much tuition costs per credit hour based on two different rates and whether a student is an in-state or out-of-state student.
Instructions on how to build the Rate Calculator are in the Rate Calculators section of the Cascade Manual.
An Advanced Shared Block is a new way to feature content across multiple pages. We have designed a new block type that works just like the Advanced Layout tiers. You can build out whatever content you need on multiple pages within the block and attach it to multiple pages.
Banner Menu
A new option for secondary menus is now available. An example of it can be found on the Coggin MBA pages. This menu option requires each page needing the menu to have a banner attached at the top of the page. For instructions on adding this to your site, reach out to webmaster@unf.edu.
Global Footer Logo
You may have noticed that there is a new logo in the footer, this has been set to appear on all your pages and has replaced the Uniquely UNF logo.
The calendar widget is part of Localist, our new events calendar. Go to Events Widget and fill out the form. Keep TEMPLATE set to Default.
You only have to fill out these sections:
- NUMBER OF RESULTS: set to your preference
- DAYS AHEAD: set to your preference
- DEPARTMENT: set your department or departments
- WIDGET TYPE: List
- STYLE: Classic, Modern or Card
- Check Hide "View All Events" Link if you don't want a link to the Main Calendar at the bottom
Select Generate Embed Code and copy the code. Go to the page in Cascade you want it added to. Add a Columns Tier, then go to the source code. It is the < > icon. Paste the code into the source code window.
Examples of the Classic, Modern and Card layout are below.
Classic Layout
Modern Layout
Card Layout