Jig Types

1min

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

Types

Use

Code Examples

@caleCalendar

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

jig.calendar

Composite

This allows you to display multiple s 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.

jig.composite

Default

The default 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 is for forms and lists.

jig.default

Document

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

jig.document

Full-screen

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

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.

jig.grid

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.

jig.list

Tabs

Navigate between different s 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.

jig.tabs

Updated 12 Feb 2025
Doc contributor
Did this page help you?