Supplemental content - Related links box

Last updated on January 9, 2024

The Related Links component in CMS Lite can be used to direct users to additional, relevant information.


Introduction to the Related Links component

The Related Links feature is ideal for directing users to additional, relevant information. The component allows for:

  • User-defined headings
  • Introductory text, if desired
  • Up to 10 links

Inline links may also be embedded in the intro field (as shown in the first right-hand column box.


Guidelines for opening links

When linking to applications or files, such as PDFs, opening new browser tabs or windows is acceptable.

When linking to other web pages, open hyperlinks in the same (current) window unless doing so will:

  • Disrupt the workflow
  • Confuse your audience, or
  • Terminate a secure session

Review Hyperlinks in the Web Standards


How to add related links

Accessing the component

When editing an existing page with right-hand column boxes, the components will initially be collapsed. 

  • Click on the Item Control Bar to expand/collapse the component
  • Click the delete icon delete icon to remove a component or replicant field
  • Hold the left mouse button down on the Item Control Bar to drag and drop to reorder the components or replicant fields
  1. Select the Right Column tab
     
  2. Click  [Add New Right-column Boxes] action button and choose Related Links from the drop-down list
    • ​The Related Links component will be displayed

Click image to view in full screen

Drop-down list for the Add New Right-column action button

Configuring the component

You may use the Tab key to move from field to field. Standard keyboard commands, such as Ctrl+B (bold) or Ctrl+V (paste) are also available.

  1. Enter a title (up to 40 characters) in the Heading field
     
  2. Add introductory text (up to 1024 characters) in the Intro field, if desired
     
  3. In the URL field:
    • Add a secure external URL (include https://), or
    • Select the Browse drop-down menu and choose the applicable option. The applicable picker will be displayed
    • browse menu
  4. Search or Navigate to the page/asset

  5. Choose the [Select] to complete the action. The picker will be closed and the URL field will be populated
     
  6. The Target defaults to Current Window. Click the drop-down arrow to select New Window if linking to an Asset
     
  7. Use the [Add New Links] button to add up to 10 links. Links can be reordered within each individual Related Links component

Related Links component

Add New Link fields


Managing links

  • Reorder links by dragging and dropping using the up/down arrows
  • Delete unnecessary links by clicking the delete icon Delete icon
  • Ensure all fields are completed to avoid validation errors

1Once the [Add New Links] action button has been invoked, all fields must be completed or a validation error will occur.

Click image to view in full screen

reordering links