Users enter text in a text box component. The user can enter the text in the text box and want to display the text.

The user can use the password from the input type in UI settings.




  1. Text Box in UI Palette



  1. Sample Text Box



  1. Text Box in Tab control




Attributes


Type

Name

Description

UI

Text

It specifies the text.

UI

Placeholder

It specifies a short hint that describes the expected value of a text area.

UI

Required

It specifies that a text box is required/must be filled out.

UI

Input Type

It specifies the type of element.  

General

ID

Displays title of the component.

General

Parent

Displays where it is located in the component.

General

Class

A CSS style to be attached to the component. This style is added in addition to styles output by the component.

General

Trash

Users to permanently delete component.

CSS Attributes

Z-index

The z-index specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order.

CSS Attributes

Add/Edit

It has CSS Editor. We can write different CSS code for each component.

CSS Attributes

Width

The textbox width. Default width is as per the text provided. This attribute will allow for setting exact width.

CSS Attributes

Height

The textbox height. Default height is as per the text provided. This attribute will allow for setting exact height.



Events

Click

When the text box is clicked

Double Click

When the text box is double clicked.

Mouse Down

When the text box is pressed down.

Mouse Enter

When the mouse pointer is moves in text box while it is over.

Mouse Leave

When the mouse pointer is moves on over an image.

Mouse Move

When the mouse pointer is moving while it is over a text box.

Mouse Out

When the mouse pointer moves out of a text box

Mouse Over

When the mouse pointer is moves on text box while it is over.

Mouse Up

When the mouse pointer is pressed up.

Focus In

When the image is clicked.

Focus Out

When the mouse pointer is pressed while it is over a text box

Key Press

When enter the text box while it is over.

Key Down

When enter the text box while it is over.

Key Up

When enter the text box while it is over.


Methods

Get value Method: Will return the UI Text value of the text box.


Set value Method: Will set the UI Text value of the text box.


Created with the Personal Edition of HelpNDoc: Free EBook and documentation generator