Interface Patterns

Overview

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.

Pattern types

Appian provides two types of patterns:

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

pattern_palette.png

Recipe: These patterns are available as instructional recipes right here in the docs. The instructions for these patterns contain an expression that you can copy and paste into your interface in EXPRESSION MODE.

Adapting patterns

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 to working with interfaces.

Example data

Many of the patterns in the docs (including those patterns that use record types) rely on the same example data. To create that example data and supporting objects, follow the Use the Write to Data Store Entity Smart Service Function on an Interface pattern. If a pattern uses a record type, we also recommend completing the Records Tutorial to create the record type and additional objects.

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: Fri, Sep 17, 2021 (04:02:57 PM)

On This Page

FEEDBACK