Control is not rendering/rendering correctly

[Michael Falk]

If i have a page like this:

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

             xmlns:busyindicator="clr-namespace:Syncfusion.Maui.Core;assembly=Syncfusion.Maui.Core"

             x:Class="VisionScan2.Views.LoginPage"

 xmlns:b="clr-namespace:Prism.Behaviors;assembly=Prism.Maui"

             Title="{Binding Title}">

    <ContentPage.ToolbarItems>

        <ToolbarItem Text="{Binding SettingsText}" Command="{Binding SettingsCommand}"></ToolbarItem>

    </ContentPage.ToolbarItems>

    <ContentPage.Content>

        <ScrollView>

            <StackLayout VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">

                <busyindicator:SfTextInputLayout Hint="{Binding UserNameText}" ContainerType="Outlined" HasError="{Binding UserNameHasError}">

                    <Entry Text="{Binding UserName}" Placeholder="{Binding UserNamePlaceholderText}" Keyboard="Email" />

                </busyindicator:SfTextInputLayout>

            </StackLayout>

        </ScrollView>

    </ContentPage.Content>

</ContentPage>

Nothing renders. If i remove the StackLayout, it renders in full screen, but it still is not acting correctly. the Hint Text is not floating to the top, if the fields is already filled,  and it also seems to ignore my styles, in Styles.xaml (It shows very briefly my color, and then it changes to the built in colors

I am running on a OnePlus 10 Pro. If i use the Pixel 5 Emulator The Entry field is larger than the screen.

Are there any new things i have to do?

Please let me now if you need more information

[Chozarajan Pandiyarajan]

Hi Micheal,

 

Thanks for contacting Syncfusion support.

 

Query 1: Nothing renders. If I remove the StackLayout, it renders in full screen

 

We have checked the reported issue and it was not reproduced it. Without stack layout, the control renderer full screen is the behaviour of the control. Can you please let us elaborate on the reported issue, it will help us to provide the proper solution.

 

Query 2: The Hint Text is not floating to the top, if the fields is already filled

 

The reported overlapping issue[hint] was reproduced on our side. We will fix the reported issue and include it in our next weekly release held on Jan 4h 2023.

 

In the meantime, we have prepared a workaround solution using the IsHintAlwaysFloated property. Please get the sample from the attachment and let us know if you need any other details.

 

Query 3: It also seems to ignore my styles, in Styles.xaml (It shows very briefly my color, and then it changes to the built-in colors

 

We have checked the reported issue and it was not reproduced it. The style was applied properly. Can you please check our sample and let us know the modified sample with replication procedures. It will help us to provide a better solution earlier.

Query 4: I am running on a OnePlus 10 Pro. If I use the Pixel 5 Emulator The Entry field is larger than the screen.

Using the stack layout the control is not rendered properly or without layout, the entry is larger. Based on that will check and let you know.

Regards,

Chozarajan P

Attachment: SfTextInputLayout179599_fd19a2c8.zip

[Vijayakumar Viswanathan]

Hi Micheal,

Query 2: The Hint Text is not floating to the top if the fields are already filled.

Thanks for your patience. 

We have included the fix in our latest Weekly NuGet release 20.4.42 which is available for download (  https://www.nuget.org/ ). We thank you for your support and appreciate your patience in waiting for this update. Please get in touch with us if you require any further assistance.

Please share the requested details for other queries. It will help us to investigate further.