USU Design Tools Training

2.4.8: Buttons

The Buttons tool adds a button style, and optionally, an icon to an existing link on the page. The Buttons pane contains several styles to choose from. By default, the Add Buttons tool uses the text of the existing link. However, users can edit the text.

Note: The Buttons tool does not create new links.

Interface

Button Interface

Add a button to a link

  1. Open the page for editing.
  2. Launch the USU Design Tools.
  3. On the USU Design Tools menu, click Buttons.
  4. Place the cursor within the link.
  5. In the Style area, choose the style of button.
  6. In the Sizes area, click a size for the button.
  7. (Optional) Click Icons to add a custom icon to the link.
  8. Click Save.

Remove a button style from a link

  1. Open the page for editing.
  2. Launch the USU Design Tools.
  3. On the USU Design Tools menu, click Buttons.
  4. Select the button.
  5. In the Buttons panel, Click Remove Button Style.
  6. Click Save.