HintLabel background color cannot be set

[Nihad Rizvanovic]

When ContainerType of SfTextInputLayout is set to 'Outlined', it seems that hint label inherits its background color from the element on which SfTextInputLayout is actually placed to (see image).

In the image, it is visible that hint label background color is white, which actually would make sense in case that label doesn't overlap control's frame. But in any other scenario, it would be much better to be pink or even transparent.

Attachment: Screenshot_20210110095030_c0c5cc3e.zip

[Sridevi Sivakumar]

Hi Nihad Rizvanovic,

We have analyzed your requirement and we would like to inform you that we have set Outlined border canvas with ClipOutRect with hint text area. So that the page background shown behind the hint text.

So, we can achieve your requirement by setting the ContainerType as Filled with UnfocusedColor, FocusedColor, UnfocusedStrokeWidth and FocusedStrokeWidth in our sample. Please find the sample from the link below.

Sample link: https://www.syncfusion.com/downloads/support/forum/161374/ze/SampleTextInput768685864

Code snippet [XAML]: 

            <inputLayout:SfTextInputLayout Hint="Name" ContainerType="Filled" ContainerBackgroundColor="Pink" UnfocusedColor="Black" FocusedColor="Black" 

UnfocusedStrokeWidth="0" FocusedStrokeWidth="0"> 

                <Entry Text="John"/> 

            </inputLayout:SfTextInputLayout> 

Please check with the sample and it meets your requirement. Let us know if you need any further assistance.

Regards,
Sridevi S.