User Interface

User Interface (UI) refers to the visual and interactive elements of a digital system or application that enable users to interact with and control it.

About the component


Image Description
  •  Last Update 25 Oct, 2023
  •  Component Version : 5.0.0
  •  API 21, Android 5.0 Lollipop
  •  61 Blocks Available

Password Textbox

This component provides a text input field specifically designed for password entry, with features for masking the input and controlling input types.

Overview

A visible component that works as a text input field specially for password.

Events

Image Description
Events

AfterTextChanged

  • Raised after the text is changed.

    • Image Description
    Events

    BeforeTextChanged

  • Raised before the text is changed.

    • # Name Type(s) Default Value
    1 text text -
    2 start Integer -
    3 count Integer -
    4 after text -
    Image Description
    Events

    GotFocus

  • Raised when the text box gains focus.

    • Image Description
    Events

    LostFocus

  • Raised when the text box loses focus.

    • Image Description
    Events

    OnTextChanged

  • Raised when the text is changed.

    • # Name Type(s) Default Value
    1 text text -
    2 start Integer -
    3 before text -
    4 count Integer -

    Methods

    Image Description
    Methods

    RequestFocus

  • Sets the text box as the active input field.

    • Image Description
    Methods

    SelectAllText

  • Selects all the text in the textbox.

    • Image Description
    Methods

    SelectText

  • Selects the text within the specified range.

    • # Name Type(s) Default Value
    1 start Integer -
    2 end Integer -
    Image Description
    Methods

    SetCursorPosition

  • Sets the cursor position to the specified index.

    • # Name Type(s) Default Value
    1 Position Integer -
    Image Description
    Methods

    SetCursorPositionAtEnd

  • Sets the cursor position to the end of the text.

    • Image Description
    Methods

    SetCursorPositionAtStart

  • Sets the cursor position to the start of the text.

    • Image Description
    Methods

    SetMargin

  • Margin is a way to give space to the text box from outside.

    • # Name Type(s) Default Value
    1 left Integer 0
    2 right Integer 0
    3 top Integer 0
    4 bottom Integer 0
    Image Description
    Methods

    SetPadding

  • Padding is a way to give space to the text box from inside

    • # Name Type(s) Default Value
    1 left Integer 0
    2 right Integer 0
    3 top Integer 0
    4 bottom Integer 0
    Image Description
    Methods

    ShowErrorMessage

  • Shows or hides the error message.

    • # Name Type(s) Default Value
    1 enabled boolean -

    Properties

    Image Description
    Methods

    AllCaps

  • Determines if the text is displayed in all capital letters.

    • # Name Type(s) Default Value
    1 set allCaps boolean -
    Image Description
    Image Description
    Methods

    BackgroundColor

  • Sets the background color of the text box.

    • # Name Type(s) Default Value
    1 get BackgroundColor text #00000000
    2 set BackgroundColor text -
    Image Description
    Methods

    Text

  • Sets or gets the text content of the text box.

    • # Name Type(s) Default Value
    1 get Text tetx -
    2 set text text -
    Image Description
    Image Description
    Methods

    TextColor

  • Sets the color of the text.

    • # Name Type(s) Default Value
    1 get TextColor text #00000000
    2 set TextColor text -
    Image Description
    Methods

    BreakStrategy

  • Sets the strategy used for breaking lines of text. Values: "Simple", "High Quality", "Balanced".

    • # Name Type(s) Default Value
    1 get Backstrategy Integer -
    2 set Backstrategy Integer -
    Image Description
    Image Description
    Methods

    CursorColor

  • Sets the color of the text box's cursor.


  • Determines if the text box's cursor is visible.

    • # Name Type(s) Default Value
    1 set CursorColor text -
    2 set CursorVisible boolean -
    Image Description
    Methods

    Ellipsize

  • Sets how text is truncated when it overflows the text box. Values: "End", "Marquee", "Middle", "Start", "None".

    • # Name Type(s) Default Value
    1 set Ellipsize Integer -
    Image Description
    Image Description
    Methods

    Enabled

  • Determines if the text box is enabled for user input.


  • Determines if the text box is enabled for user input.

    • # Name Type(s) Default Value
    1 get Enabled boolean true
    2 set Enabled boolean -
    Image Description
    Methods

    ErrorIcon

  • Sets the error icon that is shown with the error text.

    • # Name Type(s) Default Value
    1 set erroricon text -
    Image Description
    Image Description
    Methods

    ErrorText

  • Sets the error text that is shown below the textbox.


  • Sets the error text that is shown below the textbox.

    • # Name Type(s) Default Value
    1 get ErrorText boolean true
    2 set ErrorText boolean -
    Image Description
    Image Description
    Methods

    FontSize

  • Sets the font size of the text.


  • Sets the font size of the text.

    • # Name Type(s) Default Value
    1 get FontSize Integer 14.0
    2 set FontSize Integer -
    Image Description
    Methods

    FreezesText

  • Determines if the text box saves its contents when frozen.

    • # Name Type(s) Default Value
    1 set FreezeText boolean false
    Image Description
    Methods

    Gravity

  • Sets the alignment of the text within the text box. Values: "Start", "Center", "End", "Bottom", "Top", "Left", "Right", "Fill", "Center Horizontal", "Center Vertical", "Clip Horizontal", "Clip Vertical", "Fill horizontal", "Fill Vertical".

    • # Name Type(s) Default Value
    1 set Gravity text start
    Image Description
    Image Description
    Methods

    Height

  • Returns the height of the text box in pixel value


  • set the height of the text box in pixel value.

    • # Name Type(s) Default Value
    1 get height Integer -1
    2 set Height Integer -
    Image Description
    Image Description
    Methods

    Width

  • Returns the width of the text box in pixel value.


  • set the height of the text box in pixel value.

    • # Name Type(s) Default Value
    1 get Width Integer -
    2 set Width Integer -
    Image Description
    Image Description
    Methods

    Height, width Percent

  • Returns the height of the text box in percent value.


  • Returns the width of the text box in percent value.

    • # Name Type(s) Default Value
    1 set heightPercent Integer -
    2 set Width Percent Integer -
    Image Description
    Methods

    HighlightColor

  • Sets the highlight color of selected text.

    • # Name Type(s) Default Value
    1 set HeightlightColor color -
    Image Description
    Image Description
    Methods

    Hint

  • Sets the hint text that is displayed when the text box is empty.


  • Sets the hint text that is displayed when the text box is empty.

    • # Name Type(s) Default Value
    1 get Hint text -
    2 set Hint text -
    Image Description
    Image Description
    Methods

    HintColor

  • Sets the color of the hint text.


  • Sets the color of the hint text.

    • # Name Type(s) Default Value
    1 get HintColor color -
    2 set HintColor color -
    Image Description
    Methods

    HorizontallyScrolling

  • Determines if the text box allows horizontal scrolling.

    • # Name Type(s) Default Value
    1 get HorizontallyScrolling boolean true
    Image Description
    Methods

    HyphenationFrequency

  • Sets the frequency of hyphenation in the text. Values: "None", "Normal", "Full", "Normal Fast", "Full Fast".

    • # Name Type(s) Default Value
    1 set HyphenationFrequency text -
    Image Description
    Methods

    IncludeFontPadding

  • Determines if the text box includes extra padding for font ascenders and descenders.

    • # Name Type(s) Default Value
    1 set IncludeFontPadding Integer -
    Image Description
    Methods

    LastBaselineToBottomHeight

  • Sets the distance from the bottom of the text box to the last text baseline.

    • # Name Type(s) Default Value
    1 set LastBaseLinetoBottomHeight Integer -
    Image Description
    Methods

    LetterSpacing

  • Sets the spacing between characters in the text.

    • # Name Type(s) Default Value
    1 set letterSpacing Integer -
    Image Description
    Methods

    LineHeight

  • Sets the explicit height between lines of text.

    • # Name Type(s) Default Value
    1 set LineHeight Integer -
    Image Description
    Methods

    LinkTextColor

  • Sets the color of links within the text.

    • # Name Type(s) Default Value
    1 set LinkTextColor color -
    Image Description
    Methods

    LinksClickable

  • Determines if links within the text are clickable.

    • # Name Type(s) Default Value
    1 set LinksClickable boolean true
    Image Description
    Methods

    MarqueeRepeatLimit

  • Sets the number of times the marquee animation repeats.

    • # Name Type(s) Default Value
    1 set marqueeRepeatLimit Integer 100
    Image Description
    Image Description
    Methods

    MaxLength

  • Sets the maximum number of characters that can be entered.


  • Sets the maximum number of characters that can be entered.

    • # Name Type(s) Default Value
    1 get maxLength Integer 0
    2 set maxLength Integer 0
    Image Description
    Image Description
    Methods

    NumbersOnly

  • Determines if the text box only accepts numeric input.


  • Determines if the text box only accepts numeric input.

    • # Name Type(s) Default Value
    1 get IntegersOnly boolean false
    2 set IntegersOnly boolean -
    Image Description
    Image Description
    Methods

    PasswordVisible

  • Determines if the password is visible or masked.


  • Determines if the password is visible or masked.

    • # Name Type(s) Default Value
    1 get passwordVisibility boolean 0
    2 set passwordVisibility boolean 0
    Image Description
    Image Description
    Methods

    Visible

  • Returns true if the text box is visible, else false.


  • set the text box visibility to true or false.

    • # Name Type(s) Default Value
    1 get Visible boolean true
    2 set Visible boolean -