Nav Heading Grid Webpart

The Nav Heading Grid webpart can be used to create a series of navigation links with corresponding icons in a grid format.

Note: For best results, use this web part on pages without navigation or asides. Other layouts may work in a limited capacity but are not supported.

https://stage.oregon.gov/v4x/webparts/Pages/default.aspx#nav-heading-grid

Maintaining Nav Grid Webpart 

The Nav Heading Grid webpart is entirely managed through list items. Any changes to this feature should be made by updating the list items and their corresponding columns.

Nav Heading Grid List 

A list is required in addition to the webpart to define its content. The list must include a column for each of the following entries, with their corresponding column types matched accordingly: 

• Title (Single Line of Text): This column is used to display the text of the grid item.
• Icon Type (Single Line of Text): This defines the icon that gets displayed. Any icon in the FontAwesome Pro Library up to version 5 is valid. Icons must use the "fas" type. This link takes you to icons available for use here. The string necessary begins with "fa-" prefix.

• Link Url (Single Line of Text or Hyperlink): This column defines the link that the grid item follows. Use the full URL for external locations, and the relative URL for pages on the agency website.

Display Options

Colors can be defined as hex values or web safe color names. Note that any color selections must meet WCAG standards, requiring a contrast ratio of at least 4.5:1. 

• Primary Color: Defines the icon color