๐Ÿงฐ
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

1
function result({
2
input,
3
option_selector,
4
_display_values,
5
}, { setUserData }) {
6
โ€‹
7
if (!option_selector) return null
8
โ€‹
9
input = (input ? (input + ", ") : "")
10
+ _display_values.option_selector
11
โ€‹
12
setUserData('input', input)
13
setUserData('option_selector', null)
14
โ€‹
15
return result
16
}
Copied!