How to format textfield

yudi — Mon, 19 Sep 2016 07:28:55 GMT

Sorry for the delay in sending this.

I created a simple Crosslight (Android) project which emulate the Email validator behavior. Following steps shows the detail:

open Visual Studio and select New, Project.
From the dialog that appears, choose Visual C#, Intersoft Solutions, Mobile, then select Intersoft Crosslight Application (iOS, Android, Windows). Enter other necessary information such as Name, Location and Solution Name.
Create a Crosslight Blank solution, by choosing Blank from the drop down and hit OK.
Once the project is created, open SimpleViewModel.cs located inside the [Project Name].Core project.

Locate NewText property inside the SimpleViewModel class and replace the entire code as follows:

public string NewText
{
    get { return _newText; }
    set
    {
        if (_newText != value)
        {
            _newText = value;

            const string emailRegex = @"^(?("")("".+?(?<!\\)""@)|(([0-9a-z]((\.(?!\.))|[-!#\$%&'\*\+/=\?\^`\{\}\|~\w])*)(?<=[0-9a-z])@))" +
                @"(?(\[)(\[(\d{1,3}\.){3}\d{1,3}\])|(([0-9a-z][-\w]*[0-9a-z]*\.)+[a-z0-9][\-a-z0-9]{0,22}[a-z0-9]))$";

            var IsValid = (Regex.IsMatch(_newText, emailRegex, RegexOptions.IgnoreCase, TimeSpan.FromMilliseconds(250)));

            if (IsValid)
                GreetingText = "Your email looks good";
            else
                GreetingText = "Enter a valid email";

            OnPropertyChanged("NewText");
        }
    }
}

In the setter of NewText, email validation is added. The email validation uses emailRegex string constant and IsMatch method. When IsValid expression returns true, GreetingText property will be set to "Your email looks good". Else, it will be set set to "Enter a valid email".

Add a folder in the [Project Name].Core project and named it as Converters.
Add a class and named it as TextStyleConverter.cs into the Converters folder.

Copy and replace the entire code of TextStyleConverter class as follows:

using Intersoft.Crosslight;
using Intersoft.Crosslight.Drawing;
using System;
using System.Globalization;

namespace EmailValidator.Converters
{
    public class TextStyleConverter : IValueConverter
    {
        #region IValueConverter implementation

        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            if (value != null)
            {
                var styles = new StyleAttributes();

                if (value.ToString() == "Your email looks good")
                    styles.ForegroundColor = Colors.Green;
                else
                    styles.ForegroundColor = Colors.Red;

                return styles;
            }
            return value;
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotSupportedException();
        }

        #endregion
    }
}

This converter sets ForegroundColor to green when email is valid and sets ForegroundColor to red when email is not valid.

Open SimpleBindingProvider.cs located inside the [ProjectName].Core project.
Add following snippet code into the constructor of SimpleBindingProvider class.
```
this.AddBinding("GreetingLabel", BindableProperties.StyleAttributesProperty, new BindingDescription("GreetingText")
{
    Converter = new TextStyleConverter()
});
```
The code adds a binding provider which acts as the mediator that provides binding definitions to the interested parties such as view models and views. The GreetingLabel is the view target contract; the BindableProperties.StyleAttributesProperty is the target property to bind; and the rest is the binding description to the converter.
Save the changes and run the project.

I enclosed the simple Android project (as attachment) for your reference. Hope this helps.

How to format textfield

gabriel — Fri, 09 Sep 2016 18:47:12 GMT

I would like to format a text field while the User enters the information.
Using xamarin.forms , I usa behavior , as explained in https://blog.xamarin.com/behaviors-in-xamarin-forms/.

How can I do with Crosslight

Intersoft Community - Crosslight - How to format textfield

How to format textfield

How to format textfield