A widget is one building block on a portal page: a table, a chart, a button, a heading. You drop it on the canvas from the widget library in the ribbon, size it, and set its options in the properties panel on the right. Every widget has the same Theme and Custom Style sections for its look (see Portal Themes), a Visible Expression to show it only when a condition holds, and a text, template or expression wherever a value can come from the page's state.
The widgets are grouped the same way as in the library.
Display
| Widget |
Use it for |
| Text |
A piece of fixed or data-driven text |
| Heading |
A title with a level from 1 to 6 |
| Badge |
A small pill for a status, a count or a tag |
| Alert |
A message box with a title, an icon and a description |
| Button |
A button that opens a window, navigates, shows a notification or runs another action |
| Data List |
Records shown one under the other, as rows or cards |
| Progress Bar |
One number drawn as a filled bar between a minimum and a maximum |
| Parameter |
One of the page's parameters as an input control visitors can change |
Layout
| Widget |
Use it for |
| Container |
A plain box that lines up other widgets in a row or a column |
| Section |
A card with a title bar, a body and an optional footer |
| Accordion |
A stack of panels that open and close from their headers |
| Tabs |
A row of tabs with one panel visible at a time |
| Grid Layout |
A fixed grid of cells, each holding its own widgets |
| Sidebar Layout |
A page shell with a header, a sidebar and a content area |
| Separator |
A thin line between parts of a page |
| Spacer |
An empty box that only takes up room |
| Content Placeholder |
The spot in a layout where each page puts its own content |
| Window |
The frame of a dialog or drawer, present in every window you add |
Tables
| Widget |
Use it for |
| Data Table |
Records from a data source as sortable, pageable rows and columns |
| Custom Table |
A table you build cell by cell, with merged cells and bound content |
| Pagination |
Page buttons and a page size drop-down for a Data Table |
Charts
| Widget |
Use it for |
| Generic Chart |
Columns, bars, lines, scatter points, ranges and more on two axes |
| Pie Chart |
How a whole splits into parts, as a pie or a donut |
Images
| Widget |
Use it for |
| Icon |
A single icon from the icon libraries the theme enables |
| Image |
A picture from a web address, fixed or per record |
Navigation
| Widget |
Use it for |
| Breadcrumb |
A trail of links showing where the visitor is |
| Nav Link |
One link to a page, an outside address or an anchor |
| Nav List |
The portal's menu, built from its pages |