The HERO Widget builds upon the capabilities of the Banner Widget, offering a visually dynamic and customizable experience for dashboard headers. Designed to make a bold statement, it provides enhanced features for displaying images and controlling layout to effectively set the tone and context of your dashboard.
Image: One of the standout features of the HERO Widget is its advanced image options:
- Size and Display Settings: Choose how the image is presented with settings like Contain, Cover Fill, and Scale Down to ensure a seamless fit within the design.
- Placement: Position the image on the left, right, or top of the HERO to complement the overall visual flow of your content.
- Background: Use a solid color or an image as a backdrop, enhancing the HERO's visual impact and thematic consistency.
Caption, Title, and Subtitle: The HERO Widget supports rich text customization for your content, allowing you to include a caption, a bold title, and a subtitle to convey essential information:
- Rich Text Elements: Customize each element with formatting options such as font sizes, text colors, alignment, bold, italic, underline, highlighting, bullet points, and numbering. This flexibility ensures that your message is clear and aligned with your brand’s style.
Styling Options: The HERO Widget offers extensive styling controls within its settings:
- Layout: Position content to the left, center, or right within the widget.
- Width: Choose between Full Width, which spans the entire page, or Fixed Width, which adjusts based on the selected dashboard width.
- Padding: Control the overall padding around the HERO Widget with individual settings for the left, top, right, and bottom, allowing precise spacing adjustments.
Buttons: Add interactive Buttons to the HERO Widget to guide user interactions. These buttons can be customized for tasks like accessing a URL, displaying a form, or triggering workflows, providing a more dynamic dashboard experience.
Versatile Use Cases: The HERO Widget is perfect for making a striking first impression at the top of the page. Additionally, it shines in webpage-like layouts, where users create a series of alternating left-to-right and right-to-left HERO Widgets down the page to describe various concepts, creating a dynamic storytelling format.
With its advanced image options, comprehensive styling settings, and interactive elements, the HERO Widget is ideal for crafting a visual narrative on your dashboards.
More updates
The newest releases and improvements across the platform, each with its video and help article.
See all updates
Put these ideas to work
Start a free trial, or book a demo and see how it runs in SmartSuite.
