Interface Recipes

Looking for patterns and examples? Check out the SAIL Design System.

Overview

Interface recipes 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 recipes.

Adapting recipes

Be sure to check out How to Adapt a Recipe for Your Application if you're new to working with interfaces.

Example data

Many of these recipes rely on sample Employee data or sample data from the Appian Retail application.

  • To follow along with recipes that use sample Employee data, complete the Use the Write to Data Store Entity Smart Service Function on an Interface recipe to create the sample Employee data. If a recipe uses the Employee record type, complete the Records Tutorial to create the record type and additional objects.

  • To follow along with recipes that use data from the Appian Retail application, log in to Appian Community to request the latest Appian Community Edition site. This application is available for free and contains sample retail data, fully configured record types, and example reports.

Search recipes

Validation, Grids, Looping Add Validations to an Inline Editable Grid
Hierarchical Data, Group Management Add, Remove, and Move Group Members Browser
Reports, Charts, Query Data, Grids, Records Aggregate Data and Conditionally Display in a Chart or Grid
Reports, Charts, Query Data, Records Aggregate Data and Display in a Chart
Reports, Charts, Query Data, Records Aggregate Data by Multiple Fields and Display in a Chart
Reports, Query Data, Grids, Records Aggregate Data on a Date or Date and Time Field
Reports, Charts, Query Data, Filtering, Records Aggregate Data using a Filter and Display in a Chart
Hierarchical Data Browse Hierarchical Data
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, Records Configure a Chart Drilldown to a Grid
Auto-Refresh, Grids, Records Display Last Refresh Time
Document Management, Grids Display Multiple Files in a Grid
Hierarchical Data, Grids Expand/Collapse Rows in a Tree Grid
Grids, Filtering, Records Filter the Data in a Grid
Charts, Grids, Filtering, Records Filter the Data in a Grid Using a Chart
Validation, Grids, Records Limit Grid Selection to One Row
Records, Reports, Formatting Percentage of Online Sales
Auto-Refresh, Smart Services Refresh Data After Executing a Smart Service
Records, Reports, Charts Sales by Region
Grids, Smart Services, Filtering, Reports Save a User's Report Filters to a Data Store Entity
Grids, Filtering, Reports Searching on Multiple Columns
Formatting, Grids, Records Show Calculated Columns in a Grid
Records, Reports, Grids Top Customers and Their Latest Order
Records, Reports, Formatting Year-Over-Year Sales Growth
Open in Github Built: Fri, Sep 23, 2022 (01:18:25 PM)

On This Page

FEEDBACK