Skip to content

Text Input

Text Input

Name Type Default Value Description
label string labelText Text label to display. Manually editing this field will set the inheritLabelFromData parameter to false
inheritLabelFromData boolean True When set to true, the label will be inherited from the connected variable
displayLabel boolean True If true, a label is displayed
labelFontSize number 0.5 Label font-size
labelColor string var(--widget-label-color) Label text color
labelFontFamily string var(--widget-font-family) Label font-family. Possible values: Arial, Verdana, Tahoma, Trebuchet MS, Times New Roman, Georgia, Garamond, Courier New, Brush Script MT, Montserrat, ralway, Lucida Grande, Lato, Menlo
labelTextAlign string left Label text horizontal alignment. Possible values: left, center, right
labelTextPosition string left Label text position. Possible values: left, top, right, bottom
valueWidthProportion string 70% Value width proportion with respect to the widget width. The value should be in percentage
validationButton boolean False If true, the value modification is validated upon the button click event
validationBtnDefaultColor string var(--widget-button-primary-color) Color of the validation button
validationBtnActiveColor string var(--widget-button-active-color) Active color of the validation button
validationBtnHoverColor string var(--widget-button-hover-color) Hover color of the validation button
validationOnFocusOut boolean True If true, the value modification is validated upon focus-out event
isPassword boolean False If true, value type is a obscured
valueFontSize number 0.5 Value font-size
valueColor string var(--widget-input-text) Color of the displayed value
valueFontFamily string var(--widget-font-family) Value font-family. Possible values: Arial, Verdana, Tahoma, Trebuchet MS, Times New Roman, Georgia, Garamond, Courier New, Brush Script MT, Montserrat, ralway, Lucida Grande, Lato, Menlo
valueTextAlign string left Value text horizontal alignment. Possible values: left, center, right
displayBorder boolean True If true, a border is displayed around the widget
borderColor string var(--widget-border-color) Border color
backgroundColor string var(--widget-input-color) Background color of the text input