Combine the solution's elements

In the Build your first Jigx solution steps, you have already built a map using the jig.default, added a calendar using the jig.calendar, added a new customer form using the jig.default, and a customer list using jig.list.

Now you can expand the solution further by using the jig.composite type to group the new customer jig and the customer list jig into one jig, and add a jig header to the new customer jig.

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 Jigx Builder in VS Code.

2. Add the customer composite jig file that joins the new customer form and list into one jig using the new-customer and list-customer jigIds and add a header for the jig.

3. Edit the index.jigx file, add the customer composite jigId, remove the new customer and the list customer jigIds.

4. Publish your project.

5. Run the updated solution in the Jigx mobile app, click on each jig to view the solution, note on the customer jig the form, and list display in the same jig.

GitHub Samples

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