Institute Link List

Contents

Requirements

  • Layout: Text + Links

  • Two - Three Columns

  • When admins select a link(s) to include in this component, the page title will display by default. Admins will have the option to include alternate title for the sake of brevity/display purposes.

  • When a user hovers over any of the links in this component, a hover state will be triggered to indicate clickable content. When a user clicks on any of the links in this component, they will be taken to the corresponding page.

  • There will be no maximum number of links for link list without text. For link list with text, there will be a maximum of 12 links.

  • When viewed on mobile, the links will stack into one column. If the text layout was selected, the text will display above the links.

  • When the target page for the link is gated, or only available on login, a lock icon is shown.

  • Social icons will only show if 1 or more is completed

CMS Fields

Field Label

Field Type

Required?

Notes

Field Label

Field Type

Required?

Notes

1

Title

single-line text

yes

 

2

Text Section

checkbox

no

default is selected; checking will allow an admin to enter the populate the text section, as shown in the "getting a jump start..." image shown above

3

Text Section Description

multi-line text

no

only available if the text section checkbox is ticked

4

Columns

select

yes

one column or two

5

Display Eyebrow

checkbox

yes

if box is checked, the eyebrow text will be referenced and displayed per requirements

6

Add Link

link list

yes

if two-column layout is selected, links will populate from left to right; in other words, the first link will be in the left column, second link in the right column, third link in the left column, etc.
supports external links

7

Link Text

single-line text

no

field that can be populated if a referenced link/page has a title that is too long for the component. will be present for every link that is added.

8

Social Label

text

no

only shown if one of the social links is populated

9

Facebook

link

no

 

10

Twitter

link

no

 

11

LinkedIn

link

no

 

12

Button

link

no

 

ASCE Digital Style Guide