Buttons

Buttons

Description

Button creation and use is the KU CMS - Sunflower is a much simpler process than in the past.

Buttons allow you to call attention to desired actions on a page. KU CMS – Sunflower makes button creation simple and straightforward.

There are two body sections exclusively for buttons.

Buttons By Section

A button is included in these sections.

  • Header 7 - Two Column
  • Body 1 - General Content's sidebar
  • CTA 1 - 1 Button
  • CTA 2 - 1 to 3 Buttons
  • CTA 4 - Overlay Image w/Button
  • List 2 - Item List w/Button

Body 14 - Buttons is available on

  • All cloneable templates and content types

Body 15 - Button Grid is available on these cloneable templates and content types

  • Basic
  • Basic +
  • Marketing
  • Start
  • Content Page
  • Landing Page

Header 7 - Two Column is available to these cloneable templates and content types

  • Basic +
  • About
  • News
  • List
  • Content Page

Body 1 - General Content's sidebar is available on

  • all cloneable templates and content types

CTA 1 - 1 Button is available to these cloneable templates and content types

  • Marketing
  • Start
  • Landing Page

CTA 2 - 1 to 3 Buttons is available to these cloneable templates and content types

  • Basic +
  • Marketing
  • Start
  • Landing Page

CTA 4 - Overlay Image w/Button is available to these cloneable templates and content types

  • Marketing
  • Start
  • Landing Page

List 2 - Item List w/Button is available to these cloneable templates and content types

  • List
  • Content Page

Accessibility

  • ARIA accessibility has been built into buttons in the KU CMS – Sunflower

Guidelines and Best Practices

  • Buttons are the most common way for users to take action on a page or a screen
  • Buttons invite users to take action. Links invite users to go elsewhere.
  • Don't use buttons for as navigation or repeat your site's navigation in the buttons
  • Use buttons strategically
  • Design your page for action
  • The placement of buttons matter
  • The button label should explain what the button does
  • The wording should be simple and concise
  • Avoid using too many buttons
  • Make the most important button look the most important

Support