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 and the customer list into one , and add a header to the new customer .
Next you style the Hello- solution by adding a story to display above the widgets in the .
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
- Open the Hello- - Solution in in .
- Add the customer composite jig file that joins the new customer form and list into one using the new-customer and list-customer jigIds and add a header for the .
- Add the solution stories jig and datasource files under the jigs node in Explorer. Add the Story-static datasource file under the datasources node in Explorer.
- Edit the index.jigx file, add the customer composite widget, remove the new customer and the list customer widgets, and add the solution-stories.
- Run the updated solution in the mobile app, click on each to view the solution, note on the customer the form, and list display in the same .
You can download the Hello solution project on GitHub or build it yourself by following the detailed steps in this section.