University Communications has provided further information about this component with regards to best practices on their Web Creator Guide. Check out their guide for more tips and tricks for this component and more.

Card

  • Published - Select or unselect to make component visible or not to site visitors. Defaults to published
  • (grid only) Columns (required) - Select the number of columns (2-4) to use before wrapping items
  • Color Options (required) - Choose the colors to use when displaying the component
    • White Background - Gray Cards
    • White Background - Black Cards
    • Black Background - White Cards
    • Black Background - Gray Cards
    • Gray Background - White Cards
    • Gray Background - Black Cards
  • Section Header (optional)
    • Include in Jump Links Menu - Select or unselect to make section title an anchor link
    • Section Title - Give the section a title that will help identify the component. This also doubles as an anchor link for the section when using the Current Page Section Menu on Basic Pages
    • Description - Short description that helps further explain the section
    • Button Color - Color of the CTA button (green, gold)
    • Button Link URL / Text - Identify where the button should take visitors and what the button should say
  • Title (required) - Enter a short title to give to the card
  • Description (required) - Provide a brief description for the card
  • Link URL / Text (optional) - Provide a simple link to more information

Instructions start on the Create or Edit Page within a piece of content.

  1. Create Content using the Add Component button
  2. Choose Block Link - Card from the list of Components in the Links section
    OR
    Edit Block Link - Card content using the Edit button
  3. Switch the Published field on or off for the component to be published or unpublished
  4. (required) Select the number of Columns (2-4) to display before wrapping items
  5. (required) Choose the Color Options for the component
    1. White Background - Gray Cards
    2. White Background - Black Cards
    3. Black Background - White Cards
    4. Black Background - Gray Cards
    5. Gray Background - White Cards
    6. Gray Background - Black Cards
  6. (Optional) Section Header allows for the creation of a Call to Action (CTA) to display above the section.
    1. Include in Jump Links Menu (defaults to yes)
    2. Section Title
    3. Description
    4. Button Color (green, gold)
    5. Button Link URL / Text
  7. (required) Enter a short Title to give to the card
  8. (required) Provide a brief Description to let the user know what the link is about
  9. (optional) Give the Card Link a place to send users to learn more
  10. Click on Add Block Link - Item to add more links
  11. Repeat steps 7-9 until desired number of links has been reached
    1. Unlimited links can be added and will wrap based on the number of Columns selected

Cloud

  • Published - Select or unselect to make component visible or not to site visitors. Defaults to published
  • (grid only) Columns (required) - Select the number of columns (2-4) to use before wrapping items
  • Color Options (required) - Choose the colors to use when displaying the component
    • White Background - Gray Cards
    • White Background - Black Cards
    • Black Background - White Cards
    • Black Background - Gray Cards
    • Gray Background - White Cards
    • Gray Background - Black Cards
  • Section Header (optional)
    • Include in Jump Links Menu - Select or unselect to make section title an anchor link
    • Section Title - Give the section a title that will help identify the component. This also doubles as an anchor link for the section when using the Current Page Section Menu on Basic Pages
    • Description - Short description that helps further explain the section
    • Button Color - Color of the CTA button (green, gold)
    • Button Link URL / Text - Identify where the button should take visitors and what the button should say
  • Title (required) - Enter a short title to give to the card
  • Link URL / Text (optional) - Provide a simple link to more information

Instructions start on the Create or Edit Page within a piece of content.

  1. Create Content using the Add Component button
  2. Choose Block Link - Cloud from the list of Components in the Links section
    OR
    Edit Block Link - Cloud content using the Edit button
  3. Switch the Published field on or off for the component to be published or unpublished
  4. (required) Select the number of Columns (2-4) to display before wrapping items
  5. (required) Choose the Background Color for the component (white, black, gray)
  6. (Optional) Section Header allows for the creation of a Call to Action (CTA) to display above the section.
    1. Include in Jump Links Menu (defaults to yes)
    2. Section Title
    3. Description
    4. Button Color (green, gold)
    5. Button Link URL / Text
  7. Link URL / Text (optional) - Provide a simple link to more information
  8. Click on Add Block Link - Item to add more links
  9. Repeat steps 7-8 until desired number of links has been reached
    1. Unlimited links can be added and will wrap based on the number of Columns selected