Getting started

Use templates to create apps

8min

What you will create

Create a travel app using one of the provided templates. The template inserts the required YAML in the correct format. Use the template as a base on which to build when creating a

. If the template by default provides the functionality you need, publish your
 project to use the jig on your mobile device. Build time: 5 mins

Document image


Before you start building your first solution, ensure you have created a Jigx's account and Install the Jigx Builder.

Step 1: Create a new solution in


  1. Open
        , and click on the
         icon in the left navigation bar. Select the Create New Jigx Solution button.
  2. Type World Travel in the Solution title field and press enter. This name displays at the top of your solution on the
         in the
        .
  3. The Solution name field automatically prepopulates with the solution's system name world-travel. Press Enter.
  4. For this solution select the business category.
  5. Select a local folder where the project files are saved too. Your
         default solution files open in the
         editor with the .jigx extensions ready for editing.
Jigx project in VS code
Jigx project in VS code

Jigx scaffolding
Jigx scaffolding


Step 2: Choose a template

Template Configure jig
Template Configure jig

  1. In Explorer expand the jigs folder and click on myfirstjig.jigx file. The
         auto-complete popup displays.
  2. Click on use template to open the list of templates.
  3. Under Default hoverover Default jig 6 and click the blue configure button.
  4. Select the 2x2 widget block and select the tenth (Le Morne) widget.
  5. The jigx file is populated with the YAML for the template.
  6. Change the title to Thailand as the title for your jig.
  7. The myfirstjig.jigx file is already referenced in the index.jigx file which is the home screen file (
        ).
Template option
Template option

Select template
Select template


Step 3: Publish the solution

  1. In
         click on the
         icon in the left navigation bar.
  2. In the
         Explorer hover over the world-travel node till you see the publish icon (rocket). Click on the icon to start the publishing process.
  3. Enter your
         username and press Enter.
  4. Enter your
         password and press Enter. The publishing process starts and the progress shows in the bottom right corner of the
         editor. A message displays when the solution is successfully published.
Publish Jigx project
Publish Jigx project


Step 4: Open the app on your mobile device

  1. On your mobile device tap the
         app icon.
  2. Sign into the app with your Jigx account details.
  3. The app opens the Home Hub screen displaying the World Travel solution.
  4. Tap on the icon to display the Thailand destination screen.
Jigx template
Jigx template


Yes it is that simple to build apps in

. Explore further by either editing the YAML in myfirstjig.jigx; or adding additional files under the
 folder, add another template, reference the file in index.jigx and publish the solution.

What's next?

Why not build your own app? See how to plan your app, then learn how to create an app from scratch or explore the various available UI elements in

 by adding the Jigx-samples prebuilt solution to your organization and viewing the solution in the
.

Updated 17 Sep 2024
Doc contributor
Did this page help you?
PREVIOUS
Install the Jigx Builder
NEXT
Create an app from scratch
Docs powered by Archbee