Skip Navigation

Link Dropdown

Link Dropdown Component

When working within the Content Parsys all web components must first be placed inside of a Section Component

The Link Dropdown component lets you create a menu of related links that users can choose from. This is useful when you want to group multiple links under a single heading to save space and organize navigation.

Usage

  • To simplify a list of related links into a clean, easy-to-navigate dropdown
  • To organize subtopics or categories under one heading (such as departments in an employee directory)

How to Add the Component

Click within a section component to insert new components.

  1. Click the + icon

  2. Choose Link Dropdown HTL
arrow pointing to the + icon on the component menu and another arrow pointing to the Link Dropdown option on the insert new component menu

How to Configure the Component

  1. To start using the component, click anywhere on the component and a menu will appear.

  2. Click the wrench icon to enter configure mode.
An arrow pointing to the wrench icon on the configure toolbar.
  • Default Value Label
    This is the text that appears in the dropdown before a user makes a selection.
    Example: “Select a resource” or “Choose a department”

  • ID
    An optional field used to assign a unique identifier to the dropdown. This is helpful for advanced features like anchor links.

  • CSS Class
    Allows you to apply a custom style to the dropdown using a predefined CSS class. 

  • Link List
    This is where you build the list of links that appear in the dropdown. Each entry includes the Link Text and a Link Path . Users can select one of these options to navigate to the associated page or content.

The Link Dropdown dialog box showing  the configuration fields: Default Value Label, ID, CSS Class and List link.

Working within the Component

  1. Enter the Default Value Label that you'd like to use.

  2. Click the Add button to add your first link to the Link List.

Tip: You can add multiple links by clicking the Add button as many times as needed. Each click creates a new link entry in the dropdown list.

The Link Dropdown component showing sample text of "Select an Area" typed in the "Default Value Label" field. Under Link List there is an add button.

Setting the Link List

  1. Enter the Link Text you want to display in the dropdown list.

  2. Click the checkbox icon to open the file navigation menu.

  3. Navigate to the page within the CMS that you want to link to.

  4. Click the blue Select button to confirm your choice.

Tip: If you’re linking to a page outside the CMS, type the full URL directly into the Link Path field instead of using the file browser.

The Link Dropdown dialog box showing  the configuration fields with an example of "undergraduate applications" entered for the Link Text entered
The file browser dialog box for picking folders.  The blue select button shows how to confirm your selection.

Reording or Deleteing Links in the Dropdown List

  • Reorder
    to reorder, click the icon that looks like a line with up and down arrows. Then, drag and drop the link to your desired position in the list.
     

  • Delete
    To delete, click the trashcan icon next to that entry.

After making your changes, click the check mark to save and close the window.

Link Dropdown dialog box showing the icons for moving and deleting. The check mark is shown for saving changes.