Skip to Main Content Open Alternative Formats of This Page

eConnect, Self-Service and Colleague​​ will be unavailable on Sunday, Sept. 21, from 1 a.m. until 2 p.m. for maintenance​. We appreciate your patience.​​

Button Group

Add a group of buttons, recommend a maximum of 5 in a group either inline or stacked vertically. Each button in a group is a separate piece of content.

Screenshot example of button group content type
Screenshot showing example of Button Group content type.

Content Type Details

  • ID: 488
  • Name: Dallas - Button Group
  • Minimum user level: Contributor
  • Use with page layouts: Full Width, Page with Sidebar - in Main Body, Microsite, PPC Campaign - in Main Body, PPC Campaign - in Full Width

Content Type Elements Details

NameDescriptionSizeTypeRequiredConditionally Shown
NameThe Name Element80 CharactersPlain TextYesNo
JustifiedBy default the buttons display inline horizontally on larger screens. Check to justify so they fill the horizontal space. Set on the first button in a group to apply the format to the group.

Choose from options: Yes
N/ACheck Box
(List: Dallas - Yes - unchecked)
NoNo
Align LeftBy default the buttons are aligned in the center. Check to align the button(s) to the left.

Choose from options: Yes
N/ACheck Box
(List: Dallas - Yes - unchecked)
NoNo
Button TextEnter the text to display on the button255 CharactersPlain TextYesNo
Button Link TypeSelect link type

Choose from options: Internal, External
N/ASelect Box
(List: Dallas - Link Type)
YesNo
Button Link InternalSelect section/content for internal linkN/ASection/Content LinkYesYes
Button Link ExternalEnter full URL (including https://) for external link255 CharactersPlain TextYesYes
Button ColorChoose a color

Choose from options such as: Blue, Red, Grey, Light Blue, Light Red
N/ASelect Box
(List: Dallas - Button Colors)
YesNo
Button IconChoose an icon to display on this button

Choose from options such as: Address Book, Align Center, Apple, Apple Alt, Archway
N/ASelect Box
(List: Dallas - Icons)
NoNo
Icon on RightBy default an icon displays on the left side of the button, check to change to the right

Choose from options: Yes
N/ACheck Box
(List: Dallas - Yes - unchecked)
NoYes
Button SizeChoose the size

Choose from options: Standard Button , Extra Large Button, Large Button, Small Button, Mini Button
N/ASelect Box
(List: Dallas - Button Size)
NoNo

Individual and TinyMCE

Standalone buttons can be added using the Button Advanced content type or in in any TinyMCE element, see Buttons TinyMCE Guidance.

Examples

Buttons: Button Group Red

Buttons: Button Group Ghost

Buttons: Button Group Blue

Buttons: Button Group Dark Grey

Buttons: Button Group Justified

Updated May 12, 2025