Interface Patterns

Interface patterns provide you with a combination of components and dynamic expressions to achieve common user-interface designs. This page contains a searchable list of all interface patterns.

Some patterns are available to drag-and-drop from the component palette in DESIGN MODE:


Other patterns are available as an instructional recipe right here in the docs. Recipes contain an expression that you can copy and paste into your interface in EXPRESSION MODE.

Whether the pattern you're interested in is available in the palette, or from a recipe, be sure to check out How to Adapt a Pattern for Your Application if you're new at working with interfaces.

Many of the instructional recipes use the same employee data structure; the Use the Write to Data Store Entity Smart Service Function on an Interface recipe contains all of the employee data and objects necessary for these recipes to display properly. If you have not already done so, and want employee data to see how other recipe's charts and grids work, implement that recipe first.

Search Patterns

Validation, Grids, Looping Add Validations to an Inline Editable Grid
Hierarchical Data, Group Management Add, Remove, and Move Group Members Browser
Choice Components Alert Banner Patterns
Formatting Breadcrumbs Pattern
Hierarchical Data Browse Hierarchical Data
Choice Components, Formatting, Conditional Display Cards as Buttons Pattern
Cards, Rich Text, Dynamic Links Cards as Choices
Choice Components, Images Cards as List Items Patterns
Comments, Looping Comments Patterns
Grids, Conditional Display Conditionally Hide a Column in a Grid
Conditional Display, Choice Components Configure Cascading Dropdowns
Choice Components Configure a Boolean Checkbox
Charts, Grids, Query Data Configure a Chart Drilldown to a Grid
Auto-Refresh, Grids Display Last Refresh Time
Document Management, Grids Display Multiple Files in a Grid
Documents Document List
Grids, Charts, Reports Drilldown Report Pattern
Rich Text, Events Duration Display
Inputs, Dynamic Links Dynamic Inputs
Timeline, Events Event Timeline
Hierarchical Data, Grids Expand/Collapse Rows in a Tree Grid
Grids, Filtering Filter the Data in a Grid
Charts, Grids, Filtering Filter the Data in a Grid Using a Chart
Stamps Form Steps
Radio Buttons, Checkboxes, Buttons Inline Survey
Formatting KPI Patterns
Looping Leaderboard
Grids, Rich Text More-Less Link
Conditional Display, Formatting Navigation Patterns
Auto-Refresh, Smart Services Refresh Data After Executing a Smart Service
Grids, Smart Services, Filtering, Reports Save a User's Report Filters to a Data Store Entity
Grids, Filtering, Reports Searching on Multiple Columns
Stamps Stamp Steps
Formatting, Choice Components Tabs Patterns
Formatting Timeline Patterns
Charts, Reports Trend-Over-Time Report
Charts, Reports, Formatting Year-Over-Year Report
Open in Github Built: Tue, May 23, 2023 (06:12:33 PM)

On This Page