Text View

Text View

Download PDF

Text View

The TextView control displays arbitrary amounts of text, with optional markup tags. The format of the text in a TextView control is identical to that in literal text on a form. However, unlike literal text on a form, you can set the text in a TextView control. The TextView control supports internal pagination.


Configure.IT brings this feature as a default ready-to-use control. The Text View control implements the behaviour for a scrollable, multiline text region. The class supports display of text using custom style information and supports text editing as well. This control is used to display multiple lines of text, such as when displaying the body of a large text document.

    Keywords:
  • text viewer
  • text view in iOS
  • text view Android
  • text field validation

Properties

  • Display/Text
    PARAMETER
    DESCRIPTION
    Text

    Sets text to be displayed on Text View.

    Text Color

    Used to set the color of the Text View.

    Custom Font Name

    Sets custom font name (special font, not available in default fonts) for text to be displayed in Text View.

    Text Alignment

    Used to set the alignment of the Text View.

    Font Family

    Sets the font of the text to be displayed.

    Font Size

    Sets the font size of the text to be displayed.

  • Display
    PARAMETER
    DESCRIPTION
    Editable

    The Text View control displays the text that is editable. In order to edit the Text, this checkbox is to be checked.

    Content Vertical Alignment
    The vertical alignment of content (text or image) within the receiver.
    Selectable

    Enable this property for enabling selection of text contained in Text View.

    Detection

    The types of data converted to clickable URLs in the Text view’s content.
    Links - Opens the application responsible for handling the URL type and passes it the URL.
    Address - Enables address detection.
    Phonenumber - A Boolean value indicating whether telephone number detection is on.
    Events - Enables calendar events detection.

    Autocapitalization Type

    Sets the Auto-capitalization style for the text object.

    Autocorrection Type

    Sets the Auto-correction style for the text object.

    Keyboard Type

    Choose from the range of available types and set the keyboard style associated with the text object.

    Keyboard Appearance

    The appearance style of the keyboard that is associated with the text object. The appearance can be set as either Default or Alert.

    Return Key Type

    The contents of the “return” key can be set from the various available options as Default, Go, Google, etc. from the drop down.

    Enables Return Key Automatically

    A Boolean value indicating whether the return key is automatically enabled when the text is entered by the user.

    Secure Text Entry
    Identifies whether the text object should hide the text being entered.
    Indicator Style

    Choose the style from the available options for the scroll indicators.

    Shows Horizontal Scroll Indicator

    A Boolean value that controls whether the horizontal scroll is visible.

    Shows Vertical Scroll Indicator

    A Boolean value that controls whether the vertical scroll is visible.

    Scroll Enabled

    A Boolean value to enable or disable scrolling.

    Paging Enabled

    A Boolean value to enable or disable paging.

    Bounces

    A Boolean value to enable or disable bounce.

    Always Bounce Horizontal

    A Boolean value to enable or disable horizontal bounce.

    Always Bounce Vertical

    A Boolean value to enable or disable vertical bounce.

    User Interaction Enabled

    Enables the Interaction with user, i.e. control responds when user taps on it.

    Alpha

    Used to set the transparency to the Text View which ranges from 0 to 1.

    Background Color

    Used to set the background color to the Text View.

  • Custom Border
    PARAMETER
    DESCRIPTION
    Border Width

    Sets border width for a control.

    Border Corner Radius

    Sets radius with which control's rounded corners should be drawn. Setting this property will enable control appear with rounded corners.

    Border Color

    Sets the border color for a control. Works only if "Border Width" property is set to a value more than 0. Default would be black color.

    Dash Width For Dashed Border

    Sets width of each dash in dashed border pattern for a control.

    Space Between Dashes For Dashed Border

    Helps set the spacing between Dashes for Dashed Border.

    Transform Angle

    Sets angle in degrees to which the View which is in its normal state, has to be rotated. Possible values for this property are -360 to 360.

  • CIT Custom Properties
    PARAMETER
    DESCRIPTION
    Text Entry Restrictions

    The restriction entry on the user’s entry of text in the Text View.

    Enable Dynamic Height

    A Boolean value to have dynamic height of Text View.

    Enable Character Count

    A Boolean value to show number of characters that can be typed in the Text View.

    Maximum Character Count

    The counter of characters that is displayed at bottom right corner in the Text View. The counter will decrease as the user types the character in the Text View.

    Place Holder Text

    The string that is displayed when there is no other text in the Text View.

    Place Holder Text Color

    Sets color for the place holder text.

    InputViewId

    The view that is displayed instead of the keyboard.

    Input Accessory View Id

    The control that will be displayed in the toolbar above the keyboard when user will start entering data in the Text View.

  • Object
    PARAMETER
    DESCRIPTION
    Xpos

    Sets the X position of the Text View.

    YPos

    Sets the Y position of the Text View.

    Width

    Sets the width of the Text View.

    Height

    Sets the height of the Text View.

    Object ID

    Sets unique identifier for the control. Control can be referenced with name set in this property for configuration.

    Object Parent ID

    Set "Object ID" of Text View which contains this control or can serve as parent.

    Key Name To Data

    Sets the web service key from data received from web server, which corresponds to the value to be displayed on the control.

  • Vertical
    PARAMETER
    DESCRIPTION
    Vertical Group

    Group of vertical android default properties.

    Reference Type

    These are the android default properties to set selected view with respect of other view.

    Reference Value

    Reference object that is used for positioning selected object

    Offset Type

    marginTop : Specifies extra space on the top side of this view. This space is outside this view's bounds.
    marginBottom : Specifies extra space on the bottom side of this view. This space is outside this view's bounds.

    Offset Value

    Value define the extra space value in pixel.

    Center Vertical

    This property centers the child vertically with respect to the bounds of its parent view.

    Apply Vertical Custom Properties

    If any of the vertical layout setting parameter(s) are selected then this value is selected to indicate user applied vertical custom layout setting parameter(s).

  • Horizontal
    PARAMETER
    DESCRIPTION
    Horizontal Group

    Group of horizontal android default properties.

    Reference Type

    Reference type is the the default property to set selected view with respect to other view.

    Reference Value

    Reference object that is used for positioning selected object.

    Offset Type

    marginLeft : Specifies extra space on the left side of this view. This space is outside this view's bounds.
    marginRight : Specifies extra space on the right side of this view. This space is outside this view's bounds.

    Offset Value

    Offset Value defines the extra space value in the pixel.

    Center Horizontal

    This property centers the child horizontally with respect to the bounds of its parent view.

    Apply Horizontal Custom Properties

    If any of the horizontal layout setting parameter(s) are selected then this value is selected to indicate user applied horizontal custom layout setting parameter(s).

  • Display/AdvanceText
    PARAMETER
    DESCRIPTION
    Hide

    Hiding an element can be done by checking ‘Hide’. This property lets you hide the control.


    Advance -  Sets auto resizing with respect to superview, for Text View.

  • Layout Setting
    PARAMETER
    DESCRIPTION
    Horizontal

    Group of horizontal android default properties.

    Vertical

    Group of vertical android default properties.

    Layout Width

    Sets the width of the view match_parent/fill_parent : Takes the width as its parent view wrap_content : Takes the width as its content’s width

    Layout Height

    Sets the height of the view match_parent/fill_parent : Takes the height as its parent view wrap_content : Takes the height as its content’s height

    Left

    The padding is expressed in pixels for the left, top, right and bottom parts of the view. Padding can be used to offset the content of the view by a specific amount of pixels.


    For instance, a Left value of 2 will push the view's content by 2 pixels to the right of the left edge.

    Right

    For instance, a Right value of 2 will push the view's content by 2 pixels to the left of the right edge.

    Top

    For instance, a Top value of 2 will push the view's content by 2 pixels to the bottom of the top edge.

    Bottom

    For instance, a Bottom value of 2 will push the view's content by 2 pixels to the top of the bottom edge.

    Apply Custom Properties

    If any of the layout setting parameter(s) are selected then this value is selected to indicate user applied custom layout setting parameter(s).

    Center In Parent

    This property centers the child vertically with respect to the bounds of its parent view.

    Default Min Height

    The height of the view cannot be less than the given value.
    If user select “Default Min Height” then android default value is taken otherwise it takes 0dp.

    Default Min Width

    The width of the view cannot be less than the given value.
    If user select “Default Min Width” then android default value is taken otherwise it takes 0dp.

Actions

  • Begin Editing

    This event is triggered when user starts typing the text in the Text View.

  • End Editing

    The action related to this event will be called when user has completed editing the text in the Text View.

  • Done Clicked

    This event is triggered when user taps on the control. Hence the required Action can be configured on ‘Click’ event.

Remarks

  • Text Entry Restrictions

    You can restrict user to enter only certain set of characters in Text View. You need to use “Text Entry Restrictions” property for it. For “Text Entry Restrictions” property you can set values: “numbers_only”(user can enter only numbers to the Text View control), “characters_only” (user can enter only letters to the Text View control), “alpha_numaric_only” (user can enter both letters and numbers to the Text View control), “phone_number_only” (user can enter only a valid phone number to the Text View control), “max_length” (you need set this in format “max_length(n)” where “n” is the maximum number of characters you want to allow user to enter in Text View.e.g, “max_length(100)”. User can enter only upto “n” number of characters you set in brackets of max_length() restriction , in Text View control).

  • Place Holder Text

    You can set place holder text for Text View and this will be displayed to user when there is no text in Text View. For setting place holder text use “Place Holder Text” property. You can also set text color for place holder text using “Place Holder Text Color” property.

  • Custom Input View

    This feature lets you design your custom input view for Text View, which will be presented instead of default keyboard, when user tries to enter something in Text View. You need to set “InputViewId” property to the control, which you want to present as input view to user.

  • Custom Accessory View

    You can add a custom view above standard keyboard while Text View is being edited. You need to set “Input Accessory View Id” property to the control, which you want to add above the standard keyboard.

  • Dynamic Height

    This unique feature lets you set Text View’s height to be set in run time based on its text content. This feature can be added to Text View by enabling “Enable Dynamic Height” property. If dynamic height Text View resides in table cell and you want to set the height of the cell depending upon the Text View’s height then, you need to enable “Dynamic Height Enable In Cell” property and set “Dynamic Cell Base ID” property of Table Cell to dynamic height Text View.

  • Character Count Display and Maximum Character Count

    This feature lets you display number of characters entered by user on the go while Text View is being Edited. If you set “Maximum Character Count” property, initially maximum count will be displayed on character count display label, which will be decreased as user enters text into Text View until character count reaches o.