Displays an input field depending on the type property.
Input combos have the following properties shared across types:
Attribute
Description
Values
type
The type of input field
text
number
number.buttons
date
hour
toggle
dropdown.list
dropdown.checkbox
id
A unique identifier to access this field
Any user-defined string
label
The text label that will be visible next to the input
Any user-defined string
description
The small text description below the label, used to hint the user about the input
Any user-defined string
placeholder
The placeholder text shown inside the input field
Any user-defined string
shape
Used to align the label and the input field
compactVertical
wideVertical
wideHorizontal
Examples
<form> <inputcombotype="text"id="variable_label"label="Variable label"description="Choose the variable to which send data"placeholder="Enter the label of the variable" /> <inputcombotype="number"id="variable_value"label="Variable value"description="Set the value that you want to send"placeholder="Enter the value that you want to send"step = "2" /> <inputcombotype="date"id="start_date"label="Date"description="Set the date in which the measuremet was performed"placeholder="Set the date" /> <inputcombotype="number.buttons"id="variable_value_button"label="Variable value button using"description="Set the value that you want to send using buttons"placeholder="Enter the value that you want to send"min="0"max="100"step = "2" /> <inputcombotype="toggle"id="enable_device"label="Enable device"description="Set the state of the device" /> <inputcombotype="hour"id="start_hour"label="Start Time"description="Set the hour at which the measurement was performed" /> <inputcombotype='dropdown.list'id='variable_from_list'label="Select a variable"description="Select a common variable from all devices"placeholder='Choose an option' > <menu> <itemid='temperature'>Temperature</item> <itemid='humidity'>Humidity</item> <itemid='iluminance'>Iluminance</item> <itemid='magnetic_flux'>Magnetic flux</item> </menu> </inputcombo> <inputcombotype='dropdown.checkbox'id='devices_from_list'label="Select multiple options"description="Select multiple devices to send data"placeholder='Choose multiple options' > <menu> <itemid='dev_1'>device 1</item> <itemid='dev_2'>device 2</item> <itemid='dev_3'>device 3</item> <itemid='dev_4'>device 4</item> </menu> </inputcombo></form>