Making a table editable

Content under development

 

  1. Create a new type. Let’s say, Monsters.
  2. Let’s give our Monsters a few properties.
  3. What is better than a type called Monsters? A list of the Monsters type!
  4. Finally! We can create the table now. Let’s grab a page layout.
  5. Time to add the table.
  6. The data will come from a list value. We will select Monsters as the type. List of Monsters is the value that holds the data.
  7. We are getting close! Let’s add a few columns for the table. Quick aside – We can display any or all of the properties as columns.
  8. Save the table, and save the page layout. We will head over to the API tab now.
  9. Copy-paste api/draw/1/element/value?filter= in the request field and click Get.

    This will display a list of all the values in the tenant.
  10. Copy the id of the list value List of Monsters.

 

    1. Find the newly created value and make a note of its id property value
    2. 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
    3. Find the newly created Page Layout in the listing (Ctrl + F then searching on name should help here) and copy its id
    4. 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
    5. Copy the page layout JSON from the right hand pane to the left hand pane
    6. 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
    7. You will also need to change the valueElementValueBindingReferenceId > id value to the id of the Value created earlier
    8. 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.


Check out the glossary for a definition of terms and key concepts that appear in the Boomi Flow website, drawing tool, technical documentation, blogs, and marketing communications.

If you need to take a closer look, click on the images to enlarge them. Have a question? Click the Help button on the bottom right-hand corner of this page to ask.