Inputbox component

Input Box component will support different types of input. User can set input types like text, password, number, email type based on requirements.

Using the Inputbox component inside the Designer module

Default Component Image

Properties of the Input box Component

General property

User can change the height, width, top, left. If initial visibility is unchecked, then the chart won’t be visible at the first preview. User can manage the Text editable & default text message and also different type of input.

Graphical user interface, application, email

Description automatically generated

  • Input Type - User can set input types like text, password, number, email and type of input type based on the requirements.

Background

  • Shadow – Enable shadow.

  • Shadow Colour – Set the shadow color.

  • Shadow Transparency – Set the opacity.

Style

User can set the background color and font color as well as font styling properties in this section. Background Opacity for the component can be also det using this property.

  • Background Color – Set the spacing between the buttons.

  • Background Opacity – Set the opacity.

  • Border – Enable border.

  • Border Radius – Set border radius.

  • Border Thickness – Set border thickness.

  • Border colour – Set border color.

  • Font Style – Select the font style.

  • Font Weight – Select the font weight.

  • Font Family - Select the font family.

  • Font Colour – Set the font color.

Graphical user interface

Description automatically generated

Output