Create the Calendar

Overview

Learn how to add a second jig to your Hello Jigx project using the jig.calendar type with an icon and a static data source. At the end of this step-by-step, you have added a calendar jig to the Home Hub that can display a week, the events, meetings, and the relevant details for each, as shown below.

We recommend you build out all the solution steps for the Create an app from scratch, as each solution step builds on the previous step until you have a functioning mobile app.

Steps

1. Open the Hello-Jigx solution in the Jigx Builder in VS Code.

2. Add the calendar jig and datasource with an icon, and static data source.

3. Publish your project.

4. Run the updated solution in the Jigx mobile app, click the calendar icon, and view the week's meetings and events.

GitHub Sample

You can download the Hello Jigx solution project on GitHub or build it yourself by following the detailed steps in this section.