# Record List

To create a record list, drag the record list from sidebar and drop to the screen \ <img src="https://4147840757-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McX7LDFoA79C_OnUj-V%2F-MeePd9wIPEEyzPxLWef%2F-MeePxX0UHDwoNUCT3oa%2Fimage.png?alt=media&#x26;token=519eb444-57fe-471c-b531-a72a5a00b871" alt="" data-size="original">&#x20;

To make record list is editable/removable, under Configuration tab on right side, check Editable?\
&#x20;<img src="https://4147840757-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McX7LDFoA79C_OnUj-V%2F-MeePd9wIPEEyzPxLWef%2F-MeeQYZXIvysDNzebauv%2Fimage.png?alt=media&#x26;token=4c007885-d452-4bb0-9352-21478ace2924" alt="" data-size="original">&#x20;

Create a edit form for record list

1. Click `+` button \
   &#x20;<img src="https://4147840757-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McX7LDFoA79C_OnUj-V%2F-MeePd9wIPEEyzPxLWef%2F-MeeRht2G3kei8-vHrx0%2Fimage.png?alt=media&#x26;token=bf3e5467-62ee-43f8-9644-8361af1bb9c1" alt="" data-size="original">&#x20;
2. Enter the form name, then click Save\ <img src="https://4147840757-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McX7LDFoA79C_OnUj-V%2F-MeePd9wIPEEyzPxLWef%2F-MeeS7wGNfg0fgbJs-tJ%2Fimage.png?alt=media&#x26;token=c69f4d5b-aecf-4de2-82df-b22c6c195280" alt="" data-size="original">&#x20;
3. An empty page will be displayed, in this page, i will add some input fields
   1. Item
      1. Type: `Line Input`
      2. Variable Name: `item`
      3. Label: `Item`
   2. Unit
      1. Type: `Line Input`
      2. Variable Name: `unit`
      3. Label: `Unit`
   3. Price
      1. Type: `Line Input`
      2. Variable Name: `price`
      3. Label: `Price`
      4. Data Type: `Currency`
   4. Quantity
      1. Type: `Line Input`
      2. Variable Name: `quantity`
      3. Label: `Quantity`
      4. Data Type: `Integer`
4. Go back to previous page, to switch back to previous page, select the page name in the select box \ <img src="https://4147840757-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McX7LDFoA79C_OnUj-V%2F-MeeXaYVCQLDbplRlANG%2F-MeeXnApA6qF5U9vwRRJ%2Fimage.png?alt=media&#x26;token=bd707896-6951-4dd4-9252-698a42584052" alt="" data-size="original">&#x20;
5. In the Record Form field, select the page we have created in step 3
6. Under Columns tab, click `+` to add some columns to be displayed in the record list \
   `Column Header` is the column label\
   `Value` is `Variable Name` of the input in step 3 \ <img src="https://4147840757-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McX7LDFoA79C_OnUj-V%2F-MeeZ-nzBQKfimxl90bY%2F-MeeZcOqype3GcQoLatb%2Fimage.png?alt=media&#x26;token=e59a2c0f-15c7-4abf-a66d-c8de4138a666" alt="" data-size="original"> \
   &#x20;&#x20;
7. Switch to Preview mode, in `Data Input` field, enter the sample data\
   `form_record_list_1` Variable Name of record list\
   `item`, `unit`, `price`, `quantity` are the Variable Name of inputs in step 3\
   \
   `{` \
   &#x20; `"form_record_list_1":` \
   &#x20;   `[`\
   &#x20;     `{` \
   &#x20;       `"item": "iPhone 12",` \
   &#x20;       `"unit": "pc",` \
   &#x20;       `"price": 1000,` \
   &#x20;       `"quantity": 1` \
   &#x20;     `},` \
   &#x20;     `{` \
   &#x20;       `"item": "iPad",` \
   &#x20;       `"unit": "pc",` \
   &#x20;       `"price": 850,` \
   &#x20;       `"quantity": 2` \
   &#x20;     `}` \
   &#x20;   `]`\
   `}`
8. Or you can use `Add` button, then add some testing data \
   &#x20;<img src="https://4147840757-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McX7LDFoA79C_OnUj-V%2F-MeeZ-nzBQKfimxl90bY%2F-Mee_-D4f_cxy7PJ0AXN%2Fimage.png?alt=media&#x26;token=ee3b5431-f840-4687-8453-6bdae84380cc" alt="" data-size="original">&#x20;
