Complete Widget Overview
Widgets are the building blocks of your Huddle portal. With over 27 different widget types, you can create any layout and functionality your users need. This comprehensive guide covers every widget available in Huddle.
Pro Tip: You can combine widgets in creative ways. For example, place a Filter Widget above a Table Widget to create an interactive data explorer, or use Card Widgets inside Column Widgets for responsive feature grids.
Layout & Structure
Row Widget
Creates horizontal sections to organize your page layout
Usage: Foundation for all page layouts
Column Widget
Divides rows into vertical columns using a 12-column grid system
Usage: Create multi-column layouts
Header Widget
Customizable page header with navigation and branding
Usage: Top navigation and branding
Footer Widget
Page footer with links, copyright, and contact information
Usage: Bottom navigation and info
Content & Display
Title Widget
Display headings and subheadings with customizable styling
Usage: Section headers and titles
Text Widget
Rich text editor for paragraphs, lists, and formatted content
Usage: Body content and descriptions
Image Widget
Display images with captions and responsive sizing
Usage: Visual content and graphics
Video Widget
Embed videos from YouTube, Vimeo, or direct uploads
Usage: Video content and tutorials
Button Widget
Call-to-action buttons with customizable styles and links
Usage: Actions and navigation
Hero Widget
Large banner sections with background images and CTAs
Usage: Page headers and promotions
Card Widget
Content cards with images, text, and actions
Usage: Feature highlights and grids
Data & Tables
List Widget
Display Smartsheet data in a customizable list format
Usage: Data listings and records
Table Widget
Show data in a sortable, filterable table with pagination
Usage: Detailed data views
Detail Widget
Display individual record details from Smartsheet
Usage: Single record views
Record Display Widget
Flexible layout for showing record information
Usage: Custom record layouts
Related Items Widget
Show related records based on data relationships
Usage: Connected data display
Forms & Input
Form Widget
Create forms that submit data to Smartsheet
Usage: Data collection and submission
Search Bar Widget
Add search functionality to your portal
Usage: Content and data search
Filter Widget
Dynamic filters for data widgets
Usage: Data filtering controls
Date Range Filter
Filter data by date ranges
Usage: Time-based filtering
Interactive & Dynamic
Map Widget
Display locations on an interactive map
Usage: Location-based data
Activity Widget
Show recent activities and updates
Usage: Activity feeds and timelines
Approvals Widget
Manage approval workflows and status
Usage: Approval processes
Discussions Section
Add commenting and discussion threads
Usage: User engagement
PDF Button Widget
Generate and download PDF reports
Usage: Report generation
Navigation & UX
Breadcrumb Widget
Show navigation path and improve orientation
Usage: Navigation hierarchy
Pagination Widget
Navigate through multi-page data sets
Usage: Data navigation
Menu Widget
Create custom navigation menus
Usage: Portal navigation
Login Required Widget
Protect content behind authentication
Usage: Access control
Widget Best Practices
Start with Structure
Always begin with Row and Column widgets to create a solid layout foundation.
Mobile-First Design
Test your widget layouts on mobile devices. Use responsive column settings.
Performance Matters
Limit data widgets per page. Use pagination for large datasets.
Consistent Styling
Use your theme settings to maintain visual consistency across all widgets.