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

Formatting Activity History
Validation, Grids, Looping Add Validations to an Inline Editable Grid
Hierarchical Data, Group Management Add, Remove, and Move Group Members Browser
Choice Components Alert Banners
Formatting Breadcrumbs
Hierarchical Data Browse Hierarchical Data
Formatting Call to Action
Choice Components, Formatting, Conditional Display Cards as Buttons
Choice Components, Images Cards as List Items
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
Grids, Charts, Reports Drilldown Report Pattern
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
Formatting Inline Tags
Formatting KPIs
Looping Milestone Bar
Looping Milestone Stamp
Conditional Display, Formatting Navigation
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
Formatting, Choice Components Tabs
Formatting Timelines
Charts, Reports Trend-Over-Time Report
Looping User List
Charts, Reports, Formatting Year-Over-Year Report
Open in Github Built: Wed, Aug 17, 2022 (01:05:05 PM)

On This Page