Pillars Atlas Widget

Pillars Atlas Widget

Last updated 08.23.23

The Pillars Atlas Widget consist of the columns that display an image or icon, header text, and descriptive text. They also have the ability to link out to other places within the site, the web, or a document. This is especially useful for linking to places on the site that are not visible through mobile navigation. 

Pillars Atlas is typically used on the homepage to show an overview of service offerings, or as buttons to redirect to main features that users want immediate navigation to. This is especially important as way to deep link on mobile since tertiary pages (dropdown items on main navigation on desktop) are not seen when viewing on a mobile device. 

Related Links & Videos

Add Pillars Atlas widget to the page

Two-Step Process 
Creating the pillars navigation is a two-step process of adding the Pillars Atlas widget to the page and then creating the individual pillars content via the ATLAS - Pillar Page Type. 

1. Select where on the page you would like the widget to appear. 
2. Click on the blue plus add widget icon   
3. Select the Pillars Atlas widget from the widget pop up 
4. Once the widget is added to the page, hover over the added widget until it displays the properties and trash icons. Click on the gear-shaped properties icon. 

Pillars Atlas Widget Properties

5. In the Pillar Atlas properties pop up, adjust various settings including  the file path to pillar pages  and the number of pillars per row.
6. Click Apply button to update the widget with selected properties. The properties pop up will automatically close.

How to delete the Pillars Atlas Widget

Hover over the Pillars Atlas widget until it displays the properties and trash icons and click on the trash icon to delete. 

How to reposition the Pillars Atlas Widget

Hover over the Pillars Atlas widget until it displays the grab icon on the left. Simply drag and drop in a new location. 

Pillars Atlas Widget Properties

PROPERTYDESCRIPTION
Page PathSelect the path to the folder in the site index holding the pillars pages
Pillars per row (Small screens)Set the number pillars per row for large screens (1-8)
Pillars per row (Medium screens)Set the number pillars per row for large screens (1-8)
Pillars per row (Large screens)Set the number pillars per row for large screens (1-8)
Orientation of Icon to TextThis is for the orientation of the icon placement.  This is a drop down with the following options:

  • Vertical Layout 
  • Horizontal Layout
Wrap Pillar with Link
Check this if the purpose of the pillars is to provide clickable links
Custom CSS
Code provided by the Atlas development team to achieve custom effects


Examples

Pillar Example 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Pillar Example 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Pillar Example 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Pillar Example 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

MARKETING

Ut enim ad minim veniam

OPERATIONS

Fugiat nulla pariatur

STRATEGY

Deserunt mollit anim

TECHNOLOGY

Exercitation ullamco laboris