Jig Types

Refer to the Jigs (screens) topic to understand concepts, use cases, and how to configure the various jig types. The topics in this section provide code examples for each jig type.

Types
Use
Code Examples

Calendar

Use this jigto build a calendar to display scheduled events and create new events based on a date and time.

Composite

This jig allows you to display multiple jigs on one screen where you would otherwise be unable to combine the functionality in the same way. For example, a form and list are on the same screen, where the form on completion populates the list with data.

Default

The default jig is the most versatile and provides the majority of functionality and a combination of different components and actions. The most common use of a default jig is for forms and lists.

Document

Used to show PDF files or HTML pages inside your app.

Full-screen

Create a full screen to show a location across the entire screen.

Gallery

The gallery jig provides a way to browse and swipe through a collection of images.

Grid

Create grid layouts in your app, organizing content into rows and columns for a visually consistent and flexible interface. It helps align elements proportionally, ensuring a structured design.

List

Create lists of data and style these lists with elements such as avatars, or images. Make the list interactive by adding checkboxes and swipeable elements for updating or deleting the data in the list-item.

Table

The table jig displays structured data in rows and columns, allowing users to view and interact with multiple records within the app.

Tabs

Navigate between different jigs with ease, enhancing the user experience by providing an organized layout. These tabs are placed at the top of the screen to ensure a sleek and intuitive interface.

Last updated

Was this helpful?