We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Overview

The text input layout lets you add a password toggle icon to show or hide passwords, leading and trailing icons, and assistive labels such as floating label, hint, error, and help text on top of SfNumericTextBox, SfMaskedEdit, and the Xamarin.Forms framework’s Entry and Editor controls.


Supported input controls

Enhance the appearance of numeric entry, masked input, entry and editor controls, and also add assistive labels and icons around those input views without writing much code to arrange and position those elements by wrapping the entry/input views with text input layout.

Xamarin.Forms floating label for entry, masked input, numeric entry and editor controls


Container types

Choose either filled or outlined containers that best match your app’s style.

Shows the filled and outlined container type in Xamarin.Forms entry with floating label


States

Indicate focused, unfocused, error, and disabled state of the control.

Shows the Xamarin.Forms floating label state such as focused, unfocused, error and disabled


Password visibility toggling

Enable password toggle icon to show/hide the password interactively.

Shows password visibility toggling icon in Xamarin.Forms entry


Assistive labels

Assistive labels provide more information about the input text.

Shows hint or floating label in Xamarin.Forms entry, masked input, numeric entry and editor controls

Floating label and hint

Avoid additional labels to provide more space to input view by adding hint text. It moves from the middle to the top to show a floating label when the input becomes active.

Shows helper text in Xamarin.Forms entry, masked input, numeric entry and editor controls

Helper text

Helper text provides additional information about the text to be entered.

Shows error text in Xamarin.Forms entry, masked input, numeric entry and editor controls

Error text

Displaying error text can assist in solving validation errors.

Shows character count in Xamarin.Forms entry, masked input, numeric entry and editor control

Character count

The maximum characters to be entered in the text field can be displayed.


Leading and trailing icons

Add a leading icon to indicate the input type, such as birth date, phone number, and password. Use a trailing icon to add a clear button, error icon, voice input icon, or drop-down icon.

Shows leading and trailing icons in Xamarin.Forms entry, masked input, numeric entry and editor control


Colors

Apply appealing colors to all the elements of text input layout to match your app theme.

Customize the colors of container, focused, unfocused and error state.


130+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon