ºÚÁÏÀÏ˾»ú

The Arrow Link Component creates linked text alongside an arrow that animates with a mouse hover to call attention to the item.

Arrow Link Specifications

• All required Arrow Link options include:
  • Text
  • URL
  • New Tab/Window
    • Yes or No
      
      
• Text has no character limit.
  • Recommended character limit: 70 (maximum)
• URL can open in the same window or a new window.

Add an Arrow Link Component to a Page

1. Follow the Add the Component to a Page instructions from above.
2. Choose the "Arrow Link" Component, then click "Insert".
3. A window will open — add in all information in the fields where necessary (Text, URL, New Tab/Window).
   
   
   
4. Click "Save".

The Component will then display as it will look on the page:

The Blockquote Component creates a callout quote on a page, using larger font and quotation marks.

Blockquote Specifications

• All required (unless otherwise noted) Blockquote options include:
  • Text
  • Display Attribution?
    • Yes or No
  • Number of Attribution Lines
    • One or Two Lines
  • Attribution Link 1 (optional)
  • Attribution Link 2 (optional)
    
    
• Text has no character limit.
• Attribution can be hidden or displayed.
  • The number of attribution lines displayed can be one or two.

Add a Blockquote Component to a Page

1. Follow the Add the Component to a Page instructions from above.
2. Choose the "Blockquote" Component, then click "Insert".
3. A window will open — add in all information in the fields where necessary.
   
   
   
4. Click "Save".

The Component will then display as it will look on the page:

The Callout Text Component creates a colored (Gray or Green) box on a text page that includes a Heading, Text, and Link (optional).

Callout Text Specifications

• All required (unless otherwise noted) Callout Text options include:
  • Callout Text Box Color
    • Gray or Green
  • Heading
  • Heading Level
    • H2-H6
  • Text
  • Display Link?
    • Yes or No
  • Link Theme (optional)
    • Link or Button
  • Link Text (optional)
  • Link URL (optional)
  • New Tab/Window (optional)
    • Yes or No
      
      
• Callout Text Box component can be Gray or Green.
• Heading has no character limit.
• Heading Level can display as H2-H6.
  
  • Headings on Text Pages start at H3 and Headings on Gallery Pages on H2.
  • Please see our Accessibility resource for guidance on Heading Tags.
• Text has no character limit.
  • Text includes a WYSIWYG Editor.
• Link Theme can display as a Link or a Button.
• Link URL can open in the same window or a new window.

Add a Callout Text Component to a Page

1. Follow the Add the Component to a Page instructions from above.
2. Choose the "Callout Text" Component, then click "Insert".
3. A window will open — choose/add in all information in the fields where necessary.
   
4. Click "Save".

The Component will then display as it will look on the page:

The CTA Banner Component creates a vertical or horizontal Call to Action on a Text or Gallery Page, or within a Text - Three-Column widget on homepages, including text and an arrow link.

To have the CTA Banner Component added to a Text - Three-Column widget, please email cmssupport@usf.edu.

CTA Banner Specifications

• All required CTA Banner options include:
  • Display
    • Horizontal or Vertical
  • Text
  • Link Text
  • Link URL
  • Link New Tab/Window
    • Yes or No
      
      
• Text has no character limit.
  • Recommended character limit: 70 (maximum)
• Link Text has no character limit.
  • Recommended character limit: 30 (maximum)

Add a CTA Banner Component to a Page

1. Follow the Add the Component to a Page instructions from above.
2. Choose the "CTA Banner" Component, then click "Insert".
3. A window will open — add in all information in the fields where necessary.
   
   
   
4. Click "Save".

The Component will then display as it will look on the page:

Horizontal View

Vertical View

The Date Component creates a calendar/event-like element that displays information, a link, and a large date block.

Date Specifications

• All required (unless otherwise noted) Date options include:
  
  • Month
  • Day
  • Heading Level
    • H2-H6
  • Heading
  • Summary
  • Link Text
  • URL
  • New Tab/Window
    • Yes or No
      
      
• Heading has no character limit.
• Summary has no character limit.

Add a Date Component to a Page

1. Follow the Add the Component to a Page instructions from above.
2. Choose the "Date" Component, then click "Insert".
3. A window will open — add in all information in the fields where necessary.
   
4. Click "Save".

The Component will then display as it will look on the page:

The Divider Component creates a horizontal rule, which can be used to separate sections of content on a page, providing visual breaks and improving readability. 

Divider Specifications

All required Divider options include:

• • Divider Color
    • Slate (Default)
    • Teal
  • Divider Weight
    • 1px (Default)
    • 2.5x (Medium)
    • 5px (Heavy)
      
      
• Heading has no character limit.
• Summary has no character limit.

Add a Divider Component to a Page

1. Follow the Add the Component to a Page instructions from above.
2. Choose the "Divider" Component, then click "Insert".
3. A window will open — add in all information in the fields where necessary.
   

The Faculty Component creates a text section on a page to include faculty contact information, CV, etc.

Faculty Specifications

• All Faculty options include:
  • Title (optional)
  • Link to CV (optional)
  • Phone (optional)
  • Email Address (optional)
  • Office Number (optional)
  • Area of Interest (optional)
    
    
• Users can choose to hide or display any or all Faculty options.
• The CV link can open as an internal CMS document or external document.
• The Faculty option fields have no character limits.

Add a Faculty Component to a Page

1. Follow the Add the Component to a Page instructions from above.
2. Choose the "Faculty" Component, then click "Insert".
3. A window will open — add in all information in the fields where necessary.
   
   
   
4. Click "Save".

The Component will then display as it will look on the page:

The Info Section Component creates organized sections, typically including links related to a particular topic. Each Info Section allows for a Title and