# Combine the solution's elements

In the Build your first Jigx solution steps, you have already built a map using the [jig.default](https://docs.jigx.com/examples/jigdefault), added a calendar using the [jig.calendar](https://docs.jigx.com/examples/jigcalendar), added a new customer form using the [jig.default](https://docs.jigx.com/examples/jigdefault), and a customer list using [jig.list](https://docs.jigx.com/examples/jiglist).

Now you can expand the solution further by using the [jig.composite](https://docs.jigx.com/examples/jigcomposite) 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.

{% hint style="success" %}
We recommend you build out all the solution steps for the [Create an app from scratch](/getting-started/create-an-app-from-scratch/combine-the-solution_s-elements.md), as each solution step builds on the previous step until you have a functioning mobile app.
{% endhint %}

{% columns %}
{% column %}

## Steps

1. Open the Hello-Jigx - Solution in Jigx Builder in VS Code.
2. [Add the customer composite jig](/getting-started/create-an-app-from-scratch/combine-the-solution_s-elements/add-the-customer-composite-jig.md) 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](/getting-started/create-an-app-from-scratch/combine-the-solution_s-elements/edit-the-index_jigx-file.md), add the customer composite jigId, remove the new customer and the list customer jigIds.
4. [Publish your project](/getting-started/create-an-app-from-scratch/create-the-calendar/publish-your-project.md).
5. [Run the updated solution](/getting-started/create-an-app-from-scratch/create-the-calendar/run-the-updated-solution.md) 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.
   {% endcolumn %}

{% column %}

<figure><img src="/files/8Pku7R8hg8vX4BsHzwtO" alt=""><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

## GitHub Samples

You can download the [Hello Jigx solution](https://github.com/jigx-com/jigx-samples/tree/main/quickstart/hello-jigx-solution) project on GitHub or build it yourself by following the detailed steps in this section.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.jigx.com/getting-started/create-an-app-from-scratch/combine-the-solution_s-elements.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.