SfTextInputLayout HelperText change color

[Will Autio]

Hello Syncfusion Support,

I have an Entry wrapped in a SfTextInputLayout that is using a HelperText. 

I am using the following code snippet:

    <inputLayout:SfTextInputLayout 

HelperText="Enter your Password"

EnablePasswordVisibilityToggle="true"

ContainerType="Outlined"

OutlineCornerRadius="10"

ContainerBackgroundColor="White"

BackgroundColor="Black"

FocusedColor="Green"

FocusedStrokeWidth="3"

WidthRequest="250" 

HorizontalOptions="Center"                   

IsVisible="{Binding PasswordVisible}"

>

<Entry   x:Name="passwordInput"   AutomationId="passwordInput"

    Text="{Binding PassWord}" 

    IsPassword="{Binding IsPassWord}" 

    HorizontalOptions="Center" VerticalOptions="Center"  

    WidthRequest="250" TextColor="Black" Margin="0,0,0,45"

    IsVisible="{Binding PasswordVisible}"

    >

    <!--Keyboard="Text"

Use the following to not get leading Capitals-->

    <Entry.Keyboard>

<Keyboard x:FactoryMethod="Create">

    <x:Arguments>

<KeyboardFlags>None</KeyboardFlags>

    </x:Arguments>

</Keyboard>

    </Entry.Keyboard>

</Entry>

    </inputLayout:SfTextInputLayout>

What that gives me is a white box with rounded corners surrounded by black with the HintText in a greyish color under the white box. Google is saying that there is not enough color difference so that some people may not be able to read the HintText. 

How can I change the color of the HintText to a lighter color (say White or Yellow)?

Thanks!

Will

[Sridevi Sivakumar]

Hi Will Autio,

Greetings from Syncfusion.

We have checked your updated query. Title itself meant your requirement is related with changing the text color to helper text but query seems to be had a color change of hint. We have provided color changes solution to both.

# SfTextInputLayout HelperText color changes

We hope below KB helpful to achieve your requirement

https://www.syncfusion.com/kb/10466/how-to-customize-the-color-of-border-and-labels-in-sftextinputlayout 

# SfTextInputLayout HintText color changes

To change the color of hint text in focused state use FocusedColor same way use UnfocusedColor in its unfocused state.

https://help.syncfusion.com/xamarin/text-input-layout/states-and-colors#focused-color  

https://help.syncfusion.com/xamarin/text-input-layout/states-and-colors#unfocused-color 

Please check this and let us know if you need any further assistance.

Regards,
Sridevi S. 

[Will Autio]

Hello Sridevi S. 

Thanks for the all inclusive reply. 

The key part that I used was the following:

<Color x:Key="SfTextInputLayoutHelperTextColor">White</Color>

And now I'll know how to control the colors of any other SfControl.

Regards,

Will Autio

[Hemalatha Marikumar]

Hi Will Autio, 

 

Thanks for your valuable feedback.  

 

We are glad to hear that you have achieved your requirement.  

 

Please let us know if you need any further assistance.  

 

Regards,
Hemalatha M.