Links Block

What is it?

The Links Block is a formalized way to create links with styled emphasis. It is based on a version displayed on the UC Davis home page.

This can be used in the main content areas of the Flex and Standard pages, but will not function in the quick links or site ownership sections. If you're unsure, please review the Block Usage Chart.

Where can you get the block?

  1. Click on New > Blocks > Links Block.
  2. Configure the information requested, including System Name and Parent Folder location.
  3. Click Submit to save.

How to create a Links block

The feature links block in edit mode

  • Title (optional) - will appear at the top of the list of links and will be styled according to the settings chosen under the Style's Theme Switcher menu
  • Links
    • Link text - the text that will appear in the list of links with the hyperlink embedded
    • Link target
      • Link targets section

        your choice of where the links will be directed (pages, files, or external URLs)
  • Settings (optional)
    • Link block settings
    • Headling level - leave on Auto unless you are familiar with semantic HTML settings
    • Language code - if you're working with languages other than English, you can set the language code for the appropriate rendering of accents using the language code chart
    • Show 'more' link - toggle the 'more' link on or off, it is off by default
    • Link to internal page and Or, link to external URL - whatever text is included in the Label for 'more' link section will be embedded with a hyperlink to you define here
    • Label for 'more' linkwill appear at the bottom of your list of links and will target the internal or external destination of your choice
  • Style (optional)
    • Options available to users to configure style options for the link block
    • Theme - a theme switcher based on approved color combinations that will display as a background color for the block's title
    • Upper or lowercase link text - uniformly presents the link text as:
      • None - allows free form text entry in whatever text case you choose
      • Uppercase - presents all text in uppercase
      • Lowercase - presents all text in lowercase
      • Capitalize - presents all text in title case
    • Custom class - insert your custom class name in this field, pre-pending it with an underscore (e.g.: _my-custom-cass) and then attach your CSS at the global or page level