Input Layout Customization

[Camilo Gomez]

Hi all,

I am trying to find out if it's possible to set the hint label outside of the control like this

Also, when adding a custom style to ErrorLabel there is a small "jump" in the oulined control when FontSize is set to 16 and the error text is not displayed.

Here is the xaml

<StackLayout FlexLayout.Basis="100%" Orientation="Horizontal">

                    <sf:SfTextInputLayout

                        ErrorText="{Binding Errors, Converter={converters:ErrorsToPropertyErrorConverter}, ConverterParameter=NotificationTitle}"

                        HasError="True"

                        Hint="Text"

                        HorizontalOptions="StartAndExpand">

                        <Entry HeightRequest="32" Text="{Binding NotificationTitle}" />

                    </sf:SfTextInputLayout>

                    <controls:Entry

                        AutomationId="NotificationTitleEntry"

                        Hint="{extensions:Translate Key=NotificationTitleText}"

                        HorizontalOptions="EndAndExpand"

                        Text="123" />

                </StackLayout>

[Brundha Velusamy]

Hi Camilo,

 

Query 1: Is it possible to set the hint label outside of the control like this

 

We regret to inform you that, it is not possible to set the hint label outside of the control in SfTextInputLayout. The hint label is designed to be an integral part of the control and is not supported to be positioned outside.

 

Query 2: When adding a custom style to ErrorLabel there is a small "jump" in the oulined control when FontSize is set to 16 and the error text is not displayed.

 

We have investigated the reported issue based on the details provided and we were not able to replicate the reported issue at our end. We have attached a tested sample for your reference. Kindly review the attached sample and apply any required modifications to reproduce the problem. Afterward, kindly forward the sample to us or share issue replication sample with replication steps. It would enable us to conduct a more thorough investigation of the issue.

 

Regards,

Brundha V

Attachment: TextInputLayoutMaui_d6fb209b.zip