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. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

Xamarin.Forms Text Input Layout or Label Entry is a container control that allows you add a floating label, a password toggle icon to show or hide passwords, leading and trailing icons, and assistive labels such as error messages and help text on top of input controls.


Supported input controls

Enhance the appearance of the Syncfusion NumericUpDown, Numeric Entry, Masked Entry, Autocomplete and ComboBox controls; the Xamarin.Forms framework’s Entry and Editor; and even the entry and editor controls in Xamarin.Forms for WPF. Add assistive labels and icons to those input views by just wrapping the entry and input views with the Text Input Layout control.


Container types

  • Filled: The background of the input view will be filled with the container color, and the baseline stroke and thickness will be changed based on the state of the input view.
  • Outlined: The container will be framed with a rounded border.
  • None: The container will have an empty background and space around it.

Shows the container type in Xamarin.Forms Entry with floating labels.


States

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

Shows the Xamarin.Forms floating label states focused, unfocused, error, and disabled.


Password visibility toggling

Enable the password toggle icon to show or hide a password interactively.

Shows password visibility toggling icon in Xamarin.Forms Entry control.


Assistive labels

Assistive labels provide more information about the input text.

Shows hints or floating labels in Xamarin.Forms Entry, Masked Entry, Numeric Entry, and Editor controls.

Floating labels and hints

Avoid additional labels by adding hint text, giving the input view more space. The hint text 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 Entry, Numeric Entry, and Editor controls.

Helper text

The helper text provides additional information about the text to be entered.

Shows error text in Xamarin.Forms Entry, Masked Entry, Numeric Entry, and Editor controls.

Error text

Displaying error text can assist in solving validation errors.

Shows character count in Xamarin.Forms Entry, Masked Entry, Numeric Entry, and Editor controls.

Character count

The maximum number of characters that can 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, or 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 Entry, Numeric Entry, and Editor controls.


Colors

Apply appealing colors to all the elements of the Text Input Layout control to match your app theme.

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


Custom fonts

Customize the font family, font size, and font attributes for the hint text, error text, helper text, and counter label.

Customize the font for the Xamarin Input Layout.


Padding

Customize the padding around the input view.

Customize the padding for Xamarin input view.


RTL

Render the control in the right-to-left direction for the required languages.

RTL support for Text Input Layout.


Xamarin Text Input Layout Code Example

Easily get started with the Xamarin Text Input Layout using a few simple lines of C# code as demonstrated below. Also explore our Xamarin Text Input Layout Example that shows you how to render and configure the Xamarin Text Input Layout.

<inputLayout:SfTextInputLayout
   Hint="Name">
   <Entry />
</inputLayout:SfTextInputLayout>
var inputLayout = new SfTextInputLayout();
inputLayout.Hint = "Name"; 
inputLayout.InputView = new Entry();



150+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS
The most downloaded control (based on the nuget.org download count).

Frequently Asked Questions

The Syncfusion Xamarin Text Input Layout provides the following:

  • Provide a modern look to your Entry control with floating labels in iOS, Android, UWP, and WPF (Entry and Editor).
  • Show or hide passwords interactively.
  • Display more information elegantly with icons, help text, and hint or error messages in a compact space.
  • One of the best Xamarin Text Input Layouts in the market that offers a feature-rich UI.
  • Simple configuration and API.
  • Touch friendly and responsive.
  • Extensive [demos] (https://github.com/syncfusion/xamarin-demos/tree/master/Forms/TextInputLayout) and [documentation] (https://help.syncfusion.com/xamarin/text-input-layout/getting-started) to learn quickly and get started with Xamarin Text Input Layout.

You can find our Xamarin Text Input Layout demo here.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version Download Free Trial

Syncfusion Xamarin.Forms Resources

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon
Live Chat Icon For mobile