Making a table editable

Content under development

This tutorial assumes that you don’t have a page layout with a table or any of the required values & types.

  1. Create a new Type, this will represent a row in your table
  2. Create a new Value
    1. Set its Content Type to List and Object Type to the type that was just created, click Next
    2. Add some data to the list via the Add Row button
    3. Save the value
  3. Create a new Page Layout, in the page layout add a Vertical Container then add a Table to the container
    1. Select the Type that was created earlier
    2. Select Get Data From List
    3. Select the list value that was created earlier
    4. Add the relevant columns via the New Column button, this may or may not be a column for every field on the type created earlier
    5. Save the table
  4. Save the page layout
  5. Login to the Build tool (via Options > Build in the main editor)
    1. Enter api/draw/1/element/value?filter= in the request input and click Run Command. This will display a listing of all the values in your tenant
    2. Find the newly created value and make a note of its id property value
    3. Enter api/draw/1/element/page?filter= in the request input and click Run Command. This will display a listing of all the page layouts in your tenant
    4. Find the newly created Page Layout in the listing (Ctrl + F then searching on name should help here) and copy its id
    5. Enter api/draw/1/element/page/<id> where <id> is the id of the page layout you just copied, then click Run Command. This will display only the info for the selected page layout
    6. Copy the page layout JSON from the right hand pane to the left hand pane
    7. In the JSON structure there will be a pageComponents property, which will have a entry for “TABLE”, beneath that will be a columns entry. This will be a collection of columns for your table. Each column has an isEditableproperty, for each relevant column change it’s isEditable value to true
    8. You will also need to change the valueElementValueBindingReferenceId > id value to the id of the Value created earlier
    9. Enter api/draw/1/element/page in the request input, change the request type to POST then hit Run Command.

After making these changes you may need to open a map element in your flow (in the design tool) then click the save button, you won’t need to make any changes to the map element however.
Currently only string content types are supported.