Text Input: Reference

Next generation client side framework for data-driven web sites and apps. App Connect is the next generation client side framework and base ground for a handful of additional components, which allow you build dynamic web sites and apps, the most modern way possible. It comes with phenomenal rendering speed of dynamic data and you have visual and direct access to custom components, dynamic attributes and events and smart data form inputs.

Inspector Property Groups

Text Input Properties

Property	Type	Details
ID	text	Optional unique identifier for this element. Sets the element's id attribute. Keep IDs unique per page (useful for anchors, label for targets, and JavaScript hooks). Bootstrap docs: Introduction Required in common setups. Attribute: id
Name	text	HTML name attribute. Sets the control name . This is used as the field key in form submissions and is essential for classic post submissions and many server-side handlers. Bootstrap docs: Forms overview Required in common setups. Attribute: name
Type	droplist	HTML input type. Controls the underlying <input type="..."> used by the form control. Choose a type that matches the expected value (e.g. email , number , password ) for better validation and mobile keyboards. Bootstrap docs: Form control Attribute: type Options: text, hidden, color, date, datetime-local, time
Placeholder	text	Placeholder text. Sets the placeholder text shown when the input is empty. Do not use placeholders as a replacement for labels; use them as examples or hints. Bootstrap docs: Form control Attribute: placeholder
Static Value	text	Initial/default value. Sets the control initial value. For App Connect, you often bind values reactively instead of hardcoding them. Bootstrap docs: Form control Attribute: value Supports dynamic option sources.

Actions

Set Value

Set Value of the input

Configuration group	Controls
Set Value Properties	Value

Disable

Disable of the input

Configuration group	Controls
Disable Properties	Value

Validate

Validate the input

Focus

Focus the input

Dynamic Attributes

Value

Attribute property	Type	Details
Value	text	Choose dynamic data binding.

Image Max Width

Attribute property	Type	Details
Value	text	Choose dynamic data binding.

Image Max Height

Attribute property	Type	Details
Value	text	Choose dynamic data binding.

Image Quality

Attribute property	Type	Details
Value	text	Choose dynamic data binding.

Image Type

Attribute property	Type	Details
Value	text	Choose dynamic data binding.

Dynamic Events

Select

Event option	Type	Details
Action	text	Choose the action to execute.

Before Change

Event option	Type	Details
Action	text	Choose the action to execute.

Value Changed

Event option	Type	Details
Action	text	Choose the action to execute.

Input

Event option	Type	Details
Action	text	Choose the action to execute.

Invalid

Event option	Type	Details
Action	text	Choose the action to execute.