1. Dashboards and Visualization
  2. Dashboards
  3. Dashboard Element Management
  4. Resize and Style Buttons

Publish buttons to dashboards to enable end users to create list items, delete a branch of a list, navigate to other dashboards, and more.

To create a consistent interface for end users, you can resize buttons and apply different styles to differentiate their function.

Tip: We recommend that you do not use too many different button styles on a single dashboard.

Resize buttons

Applying the same number of pixels to the width of a number of buttons on a dashboard will make them easier to read and improve the look of the dashboard.

Note: The maximum number of characters a button label can display is 60; the maximum number of pixels for a button width is 499.

When a button is selected, options to adjust its size are displayed in the Width section of the Properties panel in the Dashboard Designer.

  • Auto calculates the number of pixels required to display the characters specified for the button label.
  • Customenables you to specify the width of the button in pixels, regardless of the length of the label (you can either enter a discrete value or use the up and down arrows to increase or decrease the existing value). The label will be truncated if the number of pixels isn't sufficient to display the entire label — in this case, hovering over the button will display a tooltip showing the full label.

Style buttons

The options for changing the style of a button are displayed in the Style section of the Properties panel when a button is selected. There are three styles to choose from: Primary; Default; or Link.

To style a button:

  1. In the Dashboard Designer, select a button.
    The Style section of the properties panel displays the options to apply.
  2. Select one of the radio buttons to apply a style.
  3. Click the Preview button, at the top of the screen, to see the effect of applying the style.
  4. Click Save & Exit to save the changes.

Add tooltips to Buttons

Define and configure tooltips on buttons using the options in the Usability section of the Properties panel.