Range Slider Option

This card can be used to collect the input between different ranges from the visitor with a slider interface ie., they can choose from the first or start in-between the slider and choose the range (Ex: You can use this slider for allowing the visitors to pick the price range.)

AttributeMandatoryDescriptionValues
typeYesThe type of the input to be displayed to the visitorslider
valuesYesAn array of string you would like to mark in the slider as optionsYou can enter maximum of 10 options in the array, and the character limit for each option is 10.

SalesIQ Script Input:


				{
  "type": "range-slider",
  "values": [
    "$100",
    "$200",
    "$300",
    "$400",
    "$500",
    "$600"
  ]
}			

Dialogflow Input:


				{
  "platform": "ZOHOSALESIQ",
  "input": {
    "type": "range-slider",
    "values": [
     "$100",
     "$200",
     "$300",
     "$400",
     "$500",
     "$600"
    ]
  }
}			

Watson Assistant:


				"user_defined": {
"zohosalesiq": {
        "input": {
          "type": "range-slider",
          "values": [
            "$100",
            "$200",
            "$300",
            "$400",
            "$500",
            "$600"
          ]
        }
}
}			

Zia Skills Platform Input:

For Param Loader function:


result = Map();
response = Map();
response.put("action", "reply");
response.put("replies", {
    "Choose a range"
});
response.put("input", {
  "type": "range-slider",
  "values": [
    "$100",
    "$200",
    "$300",
    "$400",
    "$500",
    "$600"
  ]
});
additionalParams = {
    {
        "name": "slider-range",
        "data_type": "INTEGER",
        "input_mode": "TEXTUAL",
        "prompt_msg": "Choose a range",
        "data": response
    }
};
result.put("additionalParams", additionalParams);
return result;

For Context Handler function:


result = Map();
response = Map();
response.put("action", "reply");
response.put("replies", {
    "Choose a range"
});
response.put("input", {
    "type": "range-slider",
    "values": [
        "$100",
        "$200",
        "$300",
        "$400",
        "$500",
        "$600"
    ]
});
prompt = Map();
prompt.put("param_name", "rangeslider");
prompt.put("data", response);
result.put("prompt", prompt);
result.put("todo", "prompt");
return result;

For Execution function:


result = Map();
response = Map();
response.put("action", "reply");
response.put("replies", {
    "Choose a range"
});
response.put("input", {
  "type": "range-slider",
  "values": [
    "$100",
    "$200",
    "$300",
    "$400",
    "$500",
    "$600"
  ]
});
result.put("data", response);
return result;

 

Output: