emory-background

Three Column Variant

Developer Notes

  • Component resides inside EH Navigation tab in the Toolbox by the name EH Link List.
  • EH Link List is similar to the OOB SXA's Link List Component.
  • Component has three variants - Default which is selected by default.
  • Component on this page is Three Columns Link List variant.
  • The EH Link List component in a parent-child model where the parent(EH Link List item) has the heading for the List and its children, EH Link items, for the list of links.
  • Applicable fields for EH Link List(parent) item:
    • Title : single line text field to add heading.
  • Applicable fields for EH Link (child) item:
    • Link : link field to add links, the link text will be displayed on the website.
  • Option to change the heading style is in the Rendering Parameters in the Title paragraph style field. By default, the list heading is a h3.
  • CAs should note that whenever this component is added, it takes the entire width of the container. They can adjust/change the width using Grid Settings
  • An example of the component is shown HERE.

Content Author Notes

Requirements

Extended Link List- 3 Column:

  • The 3 Column link list variant will primarily be used on the Centers and Programs, Emory Clinic and Condition pages.
  • The 3 Column link list consists of the following elements:
    • Title- Single line text (Center Aligned)
    • Link List
  • Heading Markdown dropdown for Header (No default required)
    • H2
    • H3
    • H4
  • The CA will add links manually using the link list.
  • There is no limit to how many links can be added, and the links should always break into 3 columns. 
  • Styling came from legacy site.
  • The CA should have the option to have a bookmark/anchor to the specified list. (Featured Care)
  • Upper and lower case.
  • No Carat on links.
  • Gradient will be applied via paint bucket on the container. (solid gray if gradient isn't doable)
  • This component must follow accessibility standards for Alt text, and keyboard navigation.

Mobile:

  • Content is stacked, links will list in order from left to right stacked.