🧰

How to create a combined Option Selector + Input component

Note: This page only applies to the Old Rendering Engine - for the New Rendering engine ask a Savvy Expert for help
This special custom component will allow us to fill an Input with options selected from an Option Selector without losing the capacity of typing freely.
Step 1: Create an Input Component
Create a new Component type Input and check the multiline checkbox 
Step 2: Create an Option Selector Component
Create a new Component type Option Selector and check the allow multiple checkbox 
​
​
Step 3: Create the computed field
function result({
  input,
  option_selector,
  _display_values,
}, { setUserData }) {
​
  if (!option_selector) return null
​
  input = (input ? (input + ", ") : "")
    + _display_values.option_selector
​
  setUserData('input', input)
  setUserData('option_selector', null)
​
  return result
}

How to add a Deselect All button in a Multi-Select

How to create an Option Selector Results Page

Last modified 10mo ago

How to create a combined Option Selector + Input component

Step 1: Create an Input Component

Step 2: Create an Option Selector Component

​

Step 3: Create the computed field