Dynamic Content List (DCL): Creating an A-Z listing

Example of an A-Z listing
Example of an A-Z listing with categories on the right

About this tutorial

The following tutorial will teach you how to create an A-Z list of Content Links with filter categories on the right, similar to the Information Technology’s index of IT services or Common Law's list of faculty members. It is provided as reference only; you may need to modify some options and settings to meet your own needs.

Prerequisites

To be able to create an A-Z listing, you need to be able to add Dynamic Content Lists as content. If it is not available on your site, please ask your webmaster to enable the module Dynamic View, or request that a member of the Support team enable it for you using the Service Desk request form.

Step 1 – Create the taxonomy terms that will be used as filter categories

  1. Navigate to Structure > Taxonomy.
  2. On the page that appears, find Content Groups, and click on “Add terms”.
    1. Note: Each term will represent the name of a filter category.
  3. Enter the name of the category in the Name field, then click on “Save and translate”.
  4. A page will appear listing the available languages. Beside French, click on “Add”.
    1. Note: If you get an access denied error at this step, it is because you are not logged into the French side of your site. Simply open a new tab to connect yourself to the French side of your site, then go back to this page and click on your browser's refresh button to load the page.
  5. Enter the French name of the category into the Name field.
  6. Once done, scroll down and click on “Enregistrer” (Save).
  7. Repeat these steps for each term (category) you wish to add.

Step 2 – Creating content links and tagging them

  1. Navigate to Content.
  2. Click on “+ Add content” and then select “Content Link”.
    1. Title: Enter the title of your link.
    2. Link: Enter the full URL or the relative path of the page you wish to link.
    3. Content Group: Tag your Content Link to one of the groups you created in Step 1.
  3. Save and repeat for each Content Link you wish to add.

Step 3 – Building the Dynamic Content List (DCL)

  1. Navigate to Structure > Pages.
  2. Edit the page on which you wish to add your A-Z listing. Preferentially, this page should have a B or BB layout.
  3. In the left menu, click on “Content”.
  4. You should now be presented with a page outlining the regions of your layout. Click on the top‑left gear icon of one of those regions.
  5. In the dropdown menu that appears, click on “Add content”.
  6. A new window should appear. In the left menu, select “Content” and then select “Dynamic Content List”.
  7. You will be presented with a page allowing you to configure your Dynamic Content List. For the purpose of this exercise, select the values below:
    • Display Mode: List with categories
    • Data Source: Entity
    • Source settings
      • Entity Type: Node
      • Sub-Type: Content Link
      • View Mode (Results): Text Link
      • View Mode (Label): None
    • Filters
      • Filter #1
        • Filter Method: Field (Taxonomy Reference)
        • Settings
          • Field: Content Groups
          • Taxonomy Term(s): [Select all of the taxonomy terms that you created in Step 1. On Windows, you can do this by holding the CTRL key and left-clicking on each option.]
    • Sorters
      • Sorter #1
        • Sorting Method: Title (Alphabetical)
    • Categorizers
      • Top
        • Categorizing Method: Title (A-Z)
      • Right Side
        • Categorizing Method: Field (Taxonomy Reference)
          • Settings
            • Field: Content Groups
            • Show Terms: [Select all of the taxonomy terms that you created in Step 1. On Windows, you can do this by holding the CTRL key and left-clicking on each option.]
    • Groupers
      • Grouper #1
        • Grouping Method: Title (A-Z)
    • Pager
      • Hide the pager: [Select this option]
  8. Once done, click on the button "Finish".
  9. Afterwards, click on the button "Update and save" to save all the changes on the page.

Step 4 – Styling the Dynamic Content List

  1. Click on the top‑right gear icon of the Dynamic Content List you just added.
  2. In the dropdown menu, under Style, click on “Change”.
  3. A new window will pop up. Select “Component Styles” from the list and then click on “Next”.
    1. Under Styling, set the Container Type to “Full”.
    2. Scroll down and save.
  4. Once done, click on the button Update and Save to save your changes on the page.

If everything went right, you should now have an A-Z listing of Content Links with categories displaying on the right of the page.

» Submit feedback
    Types: 
  • Tutorials
Back to top