Text Input Layout in FlexLayout breaks application

[Amit Saraf]

Hi their,

Please review following code

Below Code Works Fine

<FlexLayout Direction="Row">

    <syncInput:SfMaskedEntry Mask="00/00/0000" Keyboard="Numeric" HorizontalTextAlignment="Center"
                                    Value="{Binding TempVDate, Mode=TwoWay}" ClearButtonVisibility="Never"/>


    <Entry Text="{Binding Info.BNo, Mode=TwoWay}" TextTransform="Uppercase" MaxLength="25"/>


</FlexLayout>

Whereas this code breaks the application

<FlexLayout Direction="Row">


    <synCore:SfTextInputLayout FlexLayout.Basis="80" Hint="Date">
        <syncInput:SfMaskedEntry Mask="00/00/0000" Keyboard="Numeric" HorizontalTextAlignment="Center"
                                    Value="{Binding TempVDate, Mode=TwoWay}" ClearButtonVisibility="Never"/>
    </synCore:SfTextInputLayout>


    <synCore:SfTextInputLayout FlexLayout.Basis="100" Hint="Invoice No.">
        <Entry Text="{Binding Info.BNo, Mode=TwoWay}" TextTransform="Uppercase" MaxLength="25"/>
    </synCore:SfTextInputLayout>

</FlexLayout>

Please check

[Prithis Iyyappan]

Hi Amit Saraf,

 

We have investigated your query on "While using Text Input Layout in FlexLayout breaks application" on our end. We have prepared a sample based on your update, but the SfTextInputLayout works fine as expected while using it inside the Flex layout. We have attached the tested sample and output video for your reference.

 

So, We request you to make the necessary modifications in the sample to replicate the reported issue and share it with us. If possible, please share the details of the device where you face this issue. This will help us guide you to resolve the issue at your end.

 

Regards,

Prithis I.

Attachment: TextInputLayout_602310fa.zip