<?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>

<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>

 <Setter Property="TextColor" Value="White" />
 <Setter Property="BackgroundColor" Value="Green" />