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)
    Image RemovedImage Added
    Figure 1

  3. Select Create A Blank App and 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 theForm Builder.

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

  7. Click on theMulti Select Box element on the canvas and to open up the Edit Multi Select Box properties.

  8. Fill up the Options Hardcoded field as follows and click on Apply Change (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
LabelElement Label to be displayed to the end-user.
ID

Element ID (By declaring as "country", a corresponding database table column "c_country" will be created)

Please see Form Element for more information about defining the ID and list of reserved IDs.

Options 

Select Box options

Info

Options defined here will not be put into use if Options Binder is defined below.

  • Default Value - Value to be stored by default
  • Label - Element Label to be displayed to the end-user.
  • Grouping- field to be grouped by.
Or Load Data From

Options to be populated dynamically using the Options Binder plugin.

Warning
titlePerformance Warning

If you have thousands of select options or sourcing them from Options Binder, this may cause a significant increase in page load time. Consider using Popup Select Box instead.

...