Universal Buttons Panel
When to use
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
When to consider something else
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Accessibility tips
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Component Specifications
| Field | Description | Required / Optional |
|---|---|---|
| Name | The Name Element | Required |
| Container Width | default container width is 80% | |
| Panel Background Color | default is white | |
| Column Display Count | Set the number of columns to display | |
| Button 1 Color | Optional button color; default is maroon | |
| Button 1 Title | Button 1 text display | |
| Button 1 External Link | Button 1 external link; Fill in only if section link is not set | |
| Button 1 Section Link | Button 1 section link; Fill in only if external link is not set | |
| Button 1 Media Link | Fill in only if section link and external link are not set | |
| Button 1 Subtitle | Optional button sub text | |
| Button 2 Color | Optional button color; default is maroon | |
| Button 2 Title | Button 2 text display | |
| Button 2 External Link | Button 2 external link; Fill in only if section link is not set | |
| Button 2 Section Link | Button 2 section link; Fill in only if external link is not set | |
| Button 2 Media Link | Fill in only if section link and external link are not set | |
| Button 2 Subtitle | Optional button sub text | |
| Button 3 Color | Optional button color; default is maroon | |
| Button 3 Title | Button 3 text display | |
| Button 3 External Link | Button 3 external link; Fill in only if section link is not set | |
| Button 3 Section Link | Button 3 section link; Fill in only if external link is not set | |
| Button 3 Media Link | Fill in only if section link and external link are not set | |
| Button 3 Subtitle | Optional button sub text | |
| Button 4 Color | Optional button color; default is maroon | |
| Button 4 Title | Button 4 text display | |
| Button 4 External Link | Button 4 external link; Fill in only if section link is not set | |
| Button 4 Section Link | Button 4 section link; Fill in only if external link is not set | |
| Button 4 Media Link | Fill in only if section link and external link are not set | |
| Button 4 Subtitle | Optional button sub text | |
| Column Width | Optional for Designer use; If first media card item, this sets the width of each column | |
| Column Margin | Optional for Designer use; If first media card item, this sets the margin for each column | |
| Row Margin | Optional for Designer use; If first media card item, this sets the margin for each row |
Description
Universal Buttons Panel content types hold multiple buttons for when you need links to multiple things. There are many optional fields to customize the look and information available to users.
On-page example
When to use
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
When to consider something else
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Accessibility tips
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Component Specifications
| Field | Description | Required / Optional |
|---|---|---|
| Name | The Name Element | Required |
| Container Width | default container width is 80% | |
| Panel Background Color | default is white | |
| Column Display Count | Set the number of columns to display | |
| Button 1 Color | Optional button color; default is maroon | |
| Button 1 Title | Button 1 text display | |
| Button 1 External Link | Button 1 external link; Fill in only if section link is not set | |
| Button 1 Section Link | Button 1 section link; Fill in only if external link is not set | |
| Button 1 Media Link | Fill in only if section link and external link are not set | |
| Button 1 Subtitle | Optional button sub text | |
| Button 2 Color | Optional button color; default is maroon | |
| Button 2 Title | Button 2 text display | |
| Button 2 External Link | Button 2 external link; Fill in only if section link is not set | |
| Button 2 Section Link | Button 2 section link; Fill in only if external link is not set | |
| Button 2 Media Link | Fill in only if section link and external link are not set | |
| Button 2 Subtitle | Optional button sub text | |
| Button 3 Color | Optional button color; default is maroon | |
| Button 3 Title | Button 3 text display | |
| Button 3 External Link | Button 3 external link; Fill in only if section link is not set | |
| Button 3 Section Link | Button 3 section link; Fill in only if external link is not set | |
| Button 3 Media Link | Fill in only if section link and external link are not set | |
| Button 3 Subtitle | Optional button sub text | |
| Button 4 Color | Optional button color; default is maroon | |
| Button 4 Title | Button 4 text display | |
| Button 4 External Link | Button 4 external link; Fill in only if section link is not set | |
| Button 4 Section Link | Button 4 section link; Fill in only if external link is not set | |
| Button 4 Media Link | Fill in only if section link and external link are not set | |
| Button 4 Subtitle | Optional button sub text | |
| Column Width | Optional for Designer use; If first media card item, this sets the width of each column | |
| Column Margin | Optional for Designer use; If first media card item, this sets the margin for each column | |
| Row Margin | Optional for Designer use; If first media card item, this sets the margin for each row |