MaterialTextBox

Last Updated On 2021-07-16

Version 1MinSDK 7Tutorial Video

New Material design textbox. Helps to create textbox with matial design provided by google


Properties

You can set the below properties in the UI part of the builder.

  • Bordered - it's a boolean value which is set to false by default.
  • CustomFontTypeFace - it's a asset value which is set to blank by default.
  • Enabled - it's a boolean value which is set to true by default.
  • EndIconMode - it's a non negative integer value which is set to 0 by default.
  • EndIconTint - it's a color value which is set to &h00000000 by default.
  • ErrorText - it's a string value which is set to blank by default.
  • FontBold - it's a boolean value which is set to false by default.
  • FontTypeface - it's a typeface value which is set to 0 by default.
  • HeihMargin - it's a four value which is set to 0,0,0,0 by default.
  • HeihPadding - it's a four value which is set to 0,0,0,0 by default.
  • HelperText - it's a string value which is set to blank by default.
  • Hint - it's a string value which is set to hint by default.
  • InputType - it's a input type value which is set to 1 by default.
  • MarginBottom - it's a non negative float value which is set to 0 by default.
  • MarginLeft - it's a non negative float value which is set to 0 by default.
  • MarginRight - it's a non negative float value which is set to 0 by default.
  • MarginTop - it's a non negative float value which is set to 0 by default.
  • MaxLength - it's a non negative integer value which is set to 0 by default.
  • PaddingBottom - it's a non negative float value which is set to 0 by default.
  • PaddingLeft - it's a non negative float value which is set to 0 by default.
  • PaddingRight - it's a non negative float value which is set to 0 by default.
  • PaddingTop - it's a non negative float value which is set to 0 by default.
  • RadiousBottomLeft - it's a integer value which is set to 5 by default.
  • RadiousBottomRight - it's a integer value which is set to 5 by default.
  • RadiousTopLeft - it's a integer value which is set to 5 by default.
  • RadiousTopRight - it's a integer value which is set to 5 by default.
  • RadiusBottomLeft - it's a float value which is set to 5 by default.
  • RadiusBottomRight - it's a float value which is set to 5 by default.
  • RadiusTopLeft - it's a float value which is set to 5 by default.
  • RadiusTopRight - it's a float value which is set to 5 by default.
  • SingleLine - it's a boolean value which is set to true by default.
  • StartIcon - it's a asset value which is set to blank by default.
  • StartIconTint - it's a color value which is set to &h00000000 by default.
  • Text - it's a string value which is set to blank by default.
  • TextColor - it's a color value which is set to &hff000000 by default.
  • TextSize - it's a float value which is set to 14.0 by default.
  • Visible - it's a visibility value which is set to true by default.

Block Properties

You can set the below blocks properties in the blocks section of the builder.

CustomFontTypeFace

Sets the custom font


Enabled

Property for Enabled


EndIconMode

Property for EndIconMode


ErrorText

Set the error text, It will be shown on the bottom of any textbox. To disable it use empty string


Height

Specifies the vertical height of the NiotronMaterialTextBox, measured in pixels.


HeightPercent

Specifies the vertical height of the NiotronMaterialTextBox as a percentage of the height of the Screen.


HelperText

Set the helper text, It will be shown on the bottom of any textbox. To disable it use empty string


Hint

Set hint for material textbox


InputType

Specify the input type of the text box, Possible integer values are 1 for normal text 2 for number only 3 for email address 4 for password text 5 for phone number 6 for date time


MarginBottom

Property for MarginBottom


MarginLeft

Property for MarginLeft


MarginRight

Property for MarginRight


MarginTop

Property for MarginTop


MaxLength

Set the maximum length of the counter, It will be shown on the bottom left corner of any textbox. To disable it use 0 number


PaddingBottom

Property for PaddingBottom


PaddingLeft

Property for PaddingLeft


PaddingRight

Property for PaddingRight


PaddingTop

Property for PaddingTop


RadiousBottomLeft

Bottom left radious


RadiousBottomRight

Bottom right radious


RadiousTopLeft

Top left radious


RadiousTopRight

Top right radious


RadiusBottomLeft

Bottom left radious


RadiusBottomRight

Bottom right radious


RadiusTopLeft

Top left radious


RadiusTopRight

Top right radious


SingleLine

Set to to, to make the text box a single line textbox


StartIcon

Property for StartIcon


Text

Sets the text


TextColor

Set text color of the textbox


TextSize

Sets the text size


Visible

Specifies whether the NiotronMaterialTextBox should be visible on the screen. Value is true if the NiotronMaterialTextBox is showing and false if hidden.


Width

Specifies the horizontal width of the NiotronMaterialTextBox, measured in pixels.


WidthPercent

Specifies the horizontal width of the NiotronMaterialTextBox as a percentage of the width of the Screen.



Methods

You can set the below method blocks in the blocks section of the builder.

HideKeyboard

Hide the keyboard. Only multiline text boxes need this. Single line text boxes close the keyboard when the users presses the Done key.


Events

You can set the below event blocks in the blocks section of the builder.

OnFocusChange

Raises when focus changes

OnTextChange

Raises when text changes