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 Design New App button. (see Figure 1)

    Figure 1

  3. Fill up the App Details as follows and click Save (see Figure 2):
      1. App ID: tutorial
      2. App Name: Tutorial


    Figure 2

  4. You will be directed to the App Composer. Click on the + button and fill up the Form Details as follows (see Figure 3):
    1. Form ID: mulltiSb
    2. Form Name: Multi Select Box
    3. Table Name: tutorial


    Figure 3

  5. Click on Save and you will be directed to the  Form Builder.

  6. Drag and drop a Multi Select Box element on to the canvas.

  7. Hover Click on the mouse over the Multi Select Box element element on the canvas and click on Edit to open up the Edit Multi Select Box properties.

  8. Fill up the Options Hardcoded field as follows and click on OK (see Figure 4):

    Default ValueLabel
    LocalLocal
    InternationalInternational


    Figure 4

  9. Click on Preview, try typing one of the labels and/or selecting both options to see it working.

...

NameDescription
Width

Column width in characters.

Code Block
titleSample
200px
Readonly

Determines if the element is editable.

Display field as Label when readonly?

Displays the value of the element as plain text when an element is set to "Readonly".

Validator
Validate the input value.


Info
titleWhen will validation takes place?

Validation will take place whenever a form is submitted except when it is submitted as "Save as Draft".

...