A Hero widget is a large block at the top of a dashboard: formatted text on one side, an image on the other, a background and buttons. Think of the opening panel of a web page, placed above your widgets.
Here is the test: does the page deserve a picture and a welcome line? If yes, add a Hero. For a message on a colored strip, use a Simple Banner widget. For a plain title, use a Heading widget.
Example: the Vendor risk overview opens with a Hero. The program's illustration sits on the left and the text on the right, split 30 / 70. The text reads Vendor risk program with a welcome line that uses the viewer's first name. One button, Open the register, opens the saved view in the same tab.
The Hero at the top of the Vendor risk overview: the illustration on the left, the title and welcome line on the right, one blue button under the text.
Plan Availability | All plan types. |
Permissions | Solution Managers and members with Full Access add and change widgets on a public dashboard; the owner does on a private one. |
Platform | Web |
Related Reading |
Adding a Hero widget
Set the View | Edit switch in the upper right to Edit.
Select + Add Widget in the toolbar. The Add New Widget sidebar opens on the right with a Search Widget box and thirteen collapsible categories. Page Display is open to start.
Open Page Display and select the Hero card. Its info icon reads "Adds a section for displaying a key message, image, and call-to-action".
The Hero modal opens with a preview on the left and the settings on the right. The settings sit on three tabs: General, Style and Action Buttons. Cancel and Add Widget sit at the foot. Replace the sample text, set the image, then select Add Widget.
The Hero lands at full width. As the first widget it sits between the Add Navigation strip above and the Add Footer strip below. Drag it by its handle to move it.
The General tab
Two collapsible sections, Content and Image. The Hero has no Title or Description of its own; the text is the Content.
Content
The Hero's text, in one rich-text editor. It ships with sample copy: a caption line "THE FREEDOM TO INNOVATE", the heading "Run Your Business on a Single Platform" and a body line. Replace all three. The toolbar holds Text Style, Bold, Italic, Underline, Text Align, Text Color and Highlight Color. Then Add Link, Quote, Bulleted List, Numbered List and the Add dynamic text button.
Dynamic text is a placeholder the dashboard replaces with a live value for each viewer. Select Add dynamic text and pick one of the ten values listed in Dashboard Widget: Heading. The overview's welcome line uses Member First Name.
The General tab with the sample copy replaced by the Vendor risk program text and a Member First Name chip.
Image
Source is a list: Upload Image or External Image Link. Upload Image is chosen to start, with the sample image as a thumbnail.
Image Fit is Contain, Cover, Fill or Scale Down. Cover is chosen to start. Contain fits the whole image without cropping. Cover fills the space and may crop the edges. Fill stretches the image to the space. Scale Down shrinks the image to fit.
Height is a slider from 50 px to 800 px, at 190 px to start. A tooltip shows the value while you drag.
Note: An external image must be reachable by every viewer. A file behind a sign-in shows as a blank space on the dashboard.
The Image section with Image Fit open and the Height slider at 190px.
The Style tab
The Style tab holds two accordions: Layout & Spacing and Background.
Layout & Spacing
Layout is three icon cards: text left with the image right, the image above the text, and the image left with the text right. The third is selected to start.
Spacing is three icon cards whose tooltips read 30 / 70, 50 / 50 and 70 / 30. 30 / 70 is selected to start. The first number is the image's share of the width.
Width is Fixed or Full Width. Fixed is selected to start.
Paddings is four lists around an image placeholder, for the top, left, right and bottom. Each reads S to start; the list is 0 (none), S, M, L and XL.
Background
A type list reads Color to start, with Upload Image and External Image Link as the other choices, and a light swatch with a color picker.
With External Image Link, an Enter Image URL box appears (it reads "Field is required" until filled), with a preview frame and an Image Fit list, Cover to start. Two switches follow, both off to start. Color Overlay adds a color, black to start, with a picker and an Opacity slider. Background Blur adds a blur slider.
Tip: Over a photo background, turn on Color Overlay and set the opacity until the text reads. Background Blur softens a busy picture without hiding it.
The Style tab with Layout & Spacing open: the three Layout cards, the three Spacing cards and the four Paddings lists.
The Action Buttons tab
The Action Buttons tab holds two accordions: Appearance and Buttons.
Appearance
Alignment is three icon buttons: left, center and right. Left is selected to start. Buttons Size is S, M or L, M to start.
Buttons
Select + Add Button. The Button Settings popover opens. Its first rows are Label, Icon (No Icon to start), Background Color (a blue swatch with a list) and Text Color (Light | Dark, Light to start). Then Action and the rows for the chosen action. Then Show Tooltip (No | Yes), Ask for Confirmation (No | Yes) and Done.
Action lists Link to external URL (the default), Run a Script, Create a Record and Open a Form. A URL button adds URL and Open in, New Tab to start. The overview's button links to the register's URL with Open in set to Same Tab. The full dialog, action by action, is in Button Row Widget.
Show Tooltip set to Yes adds a small rich-text box (bold, italic, underline and link; placeholder "Write here"). Ask for Confirmation set to Yes adds three fields with defaults: Title "Are you sure?", Message "Are you sure you want to continue?" and Button Label "Yes, Continue".
Done closes the popover. The button joins the Buttons list with a drag handle and renders under the text as a filled pill in its background color.
Permissions
Solution Managers and members with Full Access add and change widgets on a public dashboard. The owner does so on a private one. Every member who can open the dashboard sees the Hero. See Dashboard Settings. A shared read-only page shows it too; see Public Dashboard Sharing.
Using the widget
In View mode the Hero shows the text, the image and the buttons in the layout you chose. Hover over a button and its tooltip shows in a dark bubble above it. Select a button with confirmation on and a centered "Are you sure?" dialog opens, with Cancel and the button label you set. A viewer who cannot do what the button does. On a narrow window the columns stack.
A Filter widget and a Record Selector do not change a Hero. It holds no records.
Editing a Hero widget
In Edit mode, hover over the widget and select Edit in the strip that appears above it. The modal reopens with its panel headed "Hero"; change any tab, watch the preview, and select Save Changes at the foot. Cancel after a change asks "Are you sure you want to exit without saving the changes you made?", with Exit Without Saving and Save Changes. The strip's More Options menu holds Minimize, Highlight Color, Duplicate Widget, Delete Widget and Collapsed by Default; see Managing Widgets.
Frequently asked questions
Hero or Simple Banner: which one?
Hero or Simple Banner: which one?
A Hero has an image beside the text and a layout choice. A Simple Banner is text on a background. For a page title with a picture, use the Hero.
Can I use an image from the web?
Can I use an image from the web?
Yes. Under Image set Source to External Image Link and paste the address. The image must be public.
How tall can the image be?
How tall can the image be?
From 50 px to 800 px, set with the Height slider. It starts at 190 px.
Which actions can a Hero button run?
Which actions can a Hero button run?
Link to external URL, Run a Script, Create a Record and Open a Form, from the Button Settings popover.
Can I stack two Heroes down the page?
Can I stack two Heroes down the page?
Yes. Each is its own widget, placed and moved like any other. Alternate the Layout cards so the images sit on opposite sides.
Last verified 30 Oct 2026.




