1. Home
  2. Forum
  3. .NET MAUI
  4. FlexLayout not working with multiple SfTextInputLayout inside it

FlexLayout not working with multiple SfTextInputLayout inside it

Hi

I'm trying to implement FlexLayout Control containing multiple SfTextInputLayout inside it

<ScrollView>
    <VerticalStackLayout>
        <FlexLayout Direction="Row" Wrap="Wrap" AlignItems="Start" JustifyContent="SpaceBetween">
        <sCore:SfTextInputLayout Hint="Date"
                                 ContainerType="None" ReserveSpaceForAssistiveLabels="False">
            <DatePicker WidthRequest="150"/>
        </sCore:SfTextInputLayout>


        <sCore:SfTextInputLayout Hint="Invoice No."
                                 ContainerType="None" ReserveSpaceForAssistiveLabels="False">
            <Entry MaxLength="10" WidthRequest="150"/>
        </sCore:SfTextInputLayout>
        </FlexLayout>
    </VerticalStackLayout>
</ScrollView>


it's not working whereas following code without SfTextInputLayout works properly

<ScrollView>
    <VerticalStackLayout>
        <FlexLayout Direction="Row" Wrap="Wrap" AlignItems="Start" JustifyContent="SpaceBetween">
            <DatePicker WidthRequest="150"/>
            <Entry Placeholder="Inv. No." WidthRequest="150"/>
            <Entry Placeholder="Party" WidthRequest="350"/>
            <Entry Placeholder="Broker" WidthRequest="350"/>
            <Entry Placeholder="Truck No." WidthRequest="150"/>
            <Entry Placeholder="Product" WidthRequest="350"/>
            <Entry Placeholder="Bags" WidthRequest="350"/>
            <Entry Placeholder="Quantity" WidthRequest="350"/>
        </FlexLayout>
    </VerticalStackLayout>
</ScrollView>


Please check & 



6 Replies 1 reply marked as answer
AS Amit Saraf August 30, 2023 12:11 PM UTC

On various try & error scenarios I came to conclusion that when you add anything such as VerticalStackLayout, Scrollview, or set height of FlexLayout or do anything to set height Rows in FlexLayout, error occurs if you are using sfInputLayout.


So need to look into it.


Hope you would be able to recreate problem. 


BV Brundha Velusamy Syncfusion Team August 30, 2023 01:22 PM UTC

Hi Amit,

 

Thanks for contacting Syncfusion support

 

We would like to inform you that the reported problem occurs in the framework level when utilizing FlexLayout. We have informed the MAUI team on GitHub about this issue. Please follow the below link to tracking the reported issue and we will notify you once it was made available.

 

Please refer the below links for the framework issue:

https://github.com/dotnet/maui/issues/14048

https://github.com/dotnet/maui/issues/9075

 

We suggest a workaround to resolve the reported issue by providing the height request to the flex layout or the controls used inside the flex layout. We have created the workaround sample based on this and attached the sample for your reference.

 

Please take a look at the provided sample and feel free to reach out if you have any further questions or concerns.

 

Regards,
Brundha V


Attachment: TextInputLayoutSample_48b25c43.zip

Marked as answer
AS Amit Saraf September 1, 2023 12:20 PM UTC

Thanks for Information



PR Preethi Rajakandham Syncfusion Team September 4, 2023 05:19 AM UTC

Hi Amit,

You're welcome. Please confirm if the provided workaround solution has resolved your issue. Also, please let us know if you need further assistance with this.

Regards,

Preethi R


AS Amit Saraf September 4, 2023 05:56 AM UTC

yes it worked


PR Preethi Rajakandham Syncfusion Team September 5, 2023 05:56 AM UTC

Hi Amit,

Thank you for the update. 

We are glad to know that the reported problem has been resolved at your end. Please let us know if you have any further queries on this. We are happy to help.

Regards,

Preethi R


Loader.
Up arrow icon