Skip to content

Float Label Entry Control

The Float Label Entry Control allows a multitude of ways to customize a text entry field, giving the developer near total control of the look and feel of the field itslef.

FloatLabelEntryControl

Properties

Text - string

Gets or sets the text value of the Entry.

EditingView - View

Gets or sets the editing view.

EditingViewHeight - GridLength

Gets or sets the height of the editing view. Default value is GridLength.Star.

ActiveColor - Color

Gets or sets the color of the active control. Default value is Xamarin.Forms.Color.Black.

InactiveColor - Color

Gets or sets the color of the inactive control. Default value is Xamarin.Forms.Color.DimGray.

Disabled - bool

Gets or sets a value indicating whether or not the control is disabled.

DisabledColor - Color

Gets or sets the color of the control when it is disabled.

ErrorColor - Color

Gets or sets the color of the error. Default value is Xamarin.Forms.Color.Red.

ErrorText - string

Gets or sets the error text.

ContentBackgroundColor - Color

Gets or sets the color of the content background. Default value is Xamarin.Forms.Color.Transparent.

Placeholder - string

Gets or sets the placeholder.

PlaceholderColor - Color

Gets or sets the color of the placeholder. Default is the default OS color.

BorderSize - double

Gets or sets the size of the border. Default value is 1d.

BorderStyle - FloatingLabelContainerBorderStyle

Gets or sets the border style. Can be set to one of the following styles:

public enum FloatingLabelContainerBorderStyle {
    Underline,
    RoundedUnderline,
    Rectangle,
    RoundedRectangle
}

EditingViewMargin - Thickness

Gets or sets the border control margin. Default value is 2d.

CornerRadius - double

Gets or sets the corner radius. Default value is 4d.

TitleRowHeight - GridLength

Gets or sets the height of the title row. Default value is GridLength.Auto.

ErrorRowHeight - GridLength

Specifies the height of the error row where the provided error text will display. Default value is GridLength.Auto.

TitleFontSize - double

Gets or sets the size of the title font. Default is 11.

ErrorFontSize - double

Gets or sets the size of the error font. Default is 11.

AlwaysShowTitle - bool

Gets or sets a value indicating whether the control always shows the title.

UserEditable - bool

Gets or sets a value indicating whether the control is user editable.

Command - ICommand

Gets or sets the command. Default value is default(System.Windows.Input.ICommand).

CommandParameter - object

Gets or sets the command parameter.

FocusAnimationLength - uint

Gets or sets the length of the focus animation. Default is 250u.

HasValue - bool

Gets or sets a value indicating whether this control has a value.

Example Usage

Xaml

<aurora:FloatLabelEntry x:Name="floatingLabelEntry" Placeholder="Entry" BorderSize="8" BorderStyle="RoundedUnderline" ActiveColor="Purple" InactiveColor="Green" />

C#

var label = new FloatLabelEntry
{
    BorderSize = 3,
    ActiveColor = Color.Azure,
    Placeholder = "Sample",
    PlaceholderColor = Color.Sienna
};

Example Styles

A control with a BorderStyle of RoundedUnderline and InactiveColor of Green:

Example1

var example1 = new FloatLabelEntry
{
    BorderStyle = Aurora.Controls.FloatLabelEntry.FloatingLabelContainerBorderStyle.RoundedUnderline,
    InactiveColor = Color.Green
};
<aurora:FloatLabelEntry x:Name="example1" BorderStyle="RoundedUnderline" InactiveColor="Green" />

A control with a ContentBackgroundColor of Olive and BorderStyle of RoundedRectangle:

Example2

var example2 = new FloatLabelEntry
{
    BorderStyle = Aurora.Controls.FloatLabelEntry.FloatingLabelContainerBorderStyle.RoundedRectangle,
    ContentBackgroundColor = Color.Olive
};
<aurora:FloatLabelEntry x:Name="example2" BorderStyle="RoundedRectangle" ContentBackgroundColor="#808000" />