Won't Fix
Last Updated: 13 Oct 2023 10:09 by ADMIN
tx55
Created on: 21 Sep 2023 23:54
Category: UI for .NET MAUI
Type: Bug Report
0
Bug with DataForm with many inputs

Hello, 
I am trying to use the DataForm but as soon as I uncomment one too many input the UI overlaps. In the image attached, after uncommenting RSVPPage for example the UI is all messed up.

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
    x:Class="Class"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:models="clr-namespace:NameSpace.Models"
    xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
    xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
    xmlns:vm="clr-namespace:NameSpace.ViewModels"
    Title="Demo">
    <ContentPage.BindingContext>
        <vm:NewDemoViewModel />
    </ContentPage.BindingContext>
    <ContentPage.Content>
        <ScrollView>
            <telerik:RadDataForm
                x:Name="dataForm"
                AutoGenerateItems="False"
                BindingContext="{Binding Demo}"
                ValidationMode="LostFocus">
                <telerik:DataFormGroup HeaderText="Text">
                    <telerik:DataFormRadEntryEditor PropertyName="Host" />
                    <telerik:DataFormRadEntryEditor PropertyName="Address" />
                    <telerik:DataFormRadEntryEditor PropertyName="City" />
                    <telerik:DataFormRadEntryEditor PropertyName="PostalCode" />
                    <telerik:DataFormRadEntryEditor PropertyName="PhoneNumber" />
                </telerik:DataFormGroup>
                <telerik:DataFormGroup HeaderText="Text">
                    <telerik:DataFormRadEntryEditor PropertyName="CreatedOn" />
                    <telerik:DataFormRadDatePickerEditor PropertyName="PlannedDate" />
                    <telerik:DataFormRadDatePickerEditor PropertyName="Date" />
                    <telerik:DataFormRadTimePickerEditor PropertyName="Time" />
                    <!--<telerik:DataFormRadCheckBoxEditor PropertyName="PersoDemo" />
                    <telerik:DataFormRadEntryEditor PropertyName="RSVPPage" />-->
                    <!--<telerik:DataFormRadEntryEditor PropertyName="Ambassador" />
                        <telerik:DataFormRadEntryEditor PropertyName="InternalNote" />-->
                </telerik:DataFormGroup>
            </telerik:RadDataForm>
        </ScrollView>
    </ContentPage.Content>
</ContentPage>

I am using the android emulator with a pixel 5.

Thanks in advance,

Attached Files:
2 comments
ADMIN
Didi
Posted on: 13 Oct 2023 10:09

issue in .NET MAUI version, not related to Telerik .NET MAUI controls. With new Maui version no issue.

Regards,
Didi
Progress Telerik

A brand new .NET MAUI course was just added to the Virtual Classroom. The training course is developed to help you get started with the Telerik UI for .NET MAUI components and features. It aims to put you in the shoes of an engineer who adds new features to an existing application. You can check it out at https://learn.telerik.com
ADMIN
Didi
Posted on: 25 Sep 2023 10:50

Hi Jean,

I have sent a reply tot he forum thread you have opened. Looking forward to your reply. Also here you have marked .NET 7, what is the exact .NET Maui version you use? To check this type in the terminal

dotnet workload list

Currently, I am using a preview version of .NET 8, preview 7 and cannot reproduce issues with the DataForm editors. Some .NET 7 versions have layout issues with the stack and grid layouts. the behavior could be related to this. 

Looking forward to your reply. 

Regards,
Didi
Progress Telerik

A brand new .NET MAUI course was just added to the Virtual Classroom. The training course is developed to help you get started with the Telerik UI for .NET MAUI components and features. It aims to put you in the shoes of an engineer who adds new features to an existing application. You can check it out at https://learn.telerik.com