How to Implement Custom Widgets
Example Accordion
This is an example accordion.
Another Example Accordion
This is another example accordion.
On This Page
Callout Box
A callout box (similar to callout message) outlines sections of your page and is available in three styles to provide contextual feedback and add emphasis to a page section.
Here are few good examples:
- Place the message before the form
- Break up content in a department's site
- Alert students about upcoming courses or tests
Warning!
Indicate important message and/or notification of event.
Attention!
This could be any information relevant to a user action.
This is the default callout widget
This alert needs your attention, but it's not super important.
Callout Message
A callout message (similar to callout box) outlines sections of your page and is available in three styles to provide contextual feedback and add emphasis to a page section. Callout messages are intended to hold text no more than 500 characters.
Here are few good examples:
- Announcing program or application deadlines
- Relaying recent changes to a site
Warning! Indicate important message and/or notification of event.
Attention! This could be any information relevant to a user action.
This is the default callout widget. This alert needs your attention, but it's not super important.
Example Card
This is an example card.
Adding a short description can be useful to provide context for each card.
Another Example Card
This is another example card.
Trying linking using hyperlinks to other SF pages.
Yet Another Example Card
This is an yet another example card.
If using more than one card, not all cards require an image.
Column 1
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Column 2
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Column 3
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Column 4
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Caesar Saint
Official College Mascot, Ambassador of Enthusiasm
Thank you for your submission!
Hero Banner
Used on promotional pages. For more information on hero banners, see the Website Guidelines page.
Social Media
New social media accounts must be approved by MarCom. Social media accounts include, but are not limited to: Facebook, Instagram, Twitter, YouTube, LinkedIn, Pinterest, Vimeo, Snapchat.
QuickLinks
QuickLinks allow for easy and direct access to popular pages/links. Keep the information simple as possible. We recommend placing QuickLinks at the end of the page after the content.
Note: To make links appear correctly, make sure you to hit "Enter" (PC) or "Return" (Mac) after each link for each line break in text editor.