/
Institute Link List

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

 

Related content

Link List
More like this
Column Links
More like this
Intro Panel
More like this
CTA Panel
More like this
Topics Columns
Topics Columns
More like this
Site Header
More like this