Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Start the Joget Server and open the App Center.

  2. Log in as admin and click on the pencil icon on the  Expenses Claim to open the Design App . Composer (see Figure 1).


    Figure 1

  3. Click on the  Create New Form Form button and fill up the Form Details as follows (see Figure 2):
    1. Form ID: multiPageForm
    2. Form Name:  Multi Paged Form
    3. Table Name: j_expense_claim


    Figure 2

  4. Drag and drop a  Multi Paged Form element on to the canvas.

  5. Click on the Multi Paged Form element to open up the Configure Multi Paged Form properties.

  6. Scroll Down to access the Page 1 properties. (see Figure 3)


    Figure 3

  7. In the Form field, select Expense Claim New and then Scroll Down to access the Page 2 properties.

  8. In the Form field, select Expense Claim Form and click on the Apply Changes Change button . (see Figure 4).


    Figure 4

  9. Click on Preview and navigate between the forms by clicking on Page 1 or Page 2 to their respective forms. You can also click Prev and Next button at the lower corner to navigate between the forms. (see Figure 5)


    Figure 5

...