TextBox (Validation)

Text box with automatic validation.




About Current Version 2.5.0



- All the BackgroundColor and BackgroundError fields now are respectively ColorUI and ColorUIError of type "ColorUI" in all items.
- Add new colors "OrangeLight", "YellowDark", "GreenDark", "BlueDark", "Aqua", "Tan", "GreenDarkness", "BlueViolet".

About Previous Version



- Added new Property in PickerBox "FontType".
- Field IsFocused, Events Focused, Unfocused and Property InputTransparent have been discontinued.
- Added new Event EnterField in NumericBox, EmailBox and TextBox.
- Now all events it's working in code behind.
- In TextBox WidthRequest, Border and HeightRequest properties have been discontinued. Add new "Width" property.
- It is necessary to change the import tag in xaml to "clr-namespace:LaavorTextBoxValidation;assembly=TextBoxValidation" and Using Laavor; to Using LaavorTextBoxValidation; in .cs file, making it possible to integrate with other Laavor packages.

Example



You can enter a Label to show errors in field validation, which automatically changes text, border and background color when there is an error facilitating interaction with the user.
Multiple properties are available minimum and maximum characters.

Tag:
<lv:TextBox x:Name="txtSKU" Padding="4" WidthRequest="20" Placeholder="SKU" FontType="Bold" BackgroundColor="White" MaximumOfCharacters="10" MinimumOfCharacters="4" TextColorError="Yellow" CanEmpty="False" BorderColorError="Red" BackgroundColorError="Salmon" TextColor="Orange" ValidationType="WhenLoseFocus" ChangeMessageLabel="True" LabelMessageError="{Reference errorSKU}" />

<Label: x:Name="errorSKU" FontSize="Micro" Margin="4" Text="" HorizontalOptions="FillAndExpand" VerticalOptions="StartAndExpand" TextColor="Red"/>

If use Form:
If used together with the form it is possible to enable the (submit) button only if the fields are valid, improving and much usability.


Download
Download

Documentation



Available in pdf

Documentation download