Getting started
...
Create an app from scratch
Combine the solution's element...

Edit the index.jigx file

3min

Overview

The index.jigx file includes links to the s you want accessible as top-level navigation elements. In the previous steps you created a composite , a story , and a static datasource, now you will add these to the index.jigx file to appear on the , and remove the new customer and the list customer widgets which are now joined in the composite . In this step, the jigId is used to reference the composite and you will add the solution-story.jigx reference using stories:. The order of the jigId determines the order in which the widgets appear on the . You add the composite widget first in this solution as you want it to be the first widget to display after the dedicated story area.

Steps

Add jigs to the index.jigx file

  1. Click on the index.jigx file. Under widgets: remove the jigId: new-customer, and the jigId: list-customer with their size: 2x2. Now add the jigId: composite with size: 4x2.
  2. On the same level as widgets, add the stories: solution-story as shown in the code below. Save the project.
  3. Your index.jigx file should resemble the code below.
index.jigx