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,
BackgroundColor is not applied property when DynamicResource is used and button enabling state is changed
<Style TargetType="telerik:RadButton" x:Key="MyTelerikButtonStyle">
<Setter Property="TextColor" Value="{DynamicResource MyPrimaryColor}" />
<Setter Property="BackgroundColor" Value="{DynamicResource MySecondaryColor}" />
<Style.Triggers>
<Trigger TargetType="telerik:RadButton" Property="IsEnabled" Value="false" >
<Setter Property="BackgroundColor" Value="Gray" />
</Trigger>
</Style.Triggers>
</Style>
WORKAROUND:
Use StaticResource:
<Setter Property="TextColor" Value="White" />
<Setter Property="BackgroundColor" Value="Green" />