CSML updates
CSML updates
www.csml.dev

New Multiselect and Input Components

 

New

 

 

With the release of CSML v1.6, we have just added 2 new custom Webapp components in CSML Studio, especially useful for form-types of chatbots: Input and Multiselect. Let's see what they have to offer!

Input

With the Input component, you can let your users type specific information directly in the chat bubble, like so:

image.png

You can use several types of inputs: text, textarea, email, url, number. They all come with their own validator to ensure that only valid content is set in the input: that's why it's so useful! For instance, this is a number input:

image.png

It's possible to set rules on the content of the input (like in regular HTML inputs), for instance minlength/maxlength for text/textarea types of inputs, or min/max/step for number types. They can also be set as required if an empty field must not be accepted.

You can also set a placeholder and/or a default value:

image.png

Input components are interpreted as simple text components on other channels, with no further validation of the content made by the component itself.

Multiselect

The Multiselect component lets the user pick several options at once. You can add as many options as you want, and set rules for the minimum or maximum number of options the user can or should select.

image.png

Multiselect components are only available on the Webapp channel, as most channels don't support selecting multiple options per input.