Questions on UI for .NET MAUI Forum

1 answer

207 views

RadDataGrid disappeared when switching views

Hi,

When I switch between views in my app the grid not seen I see only label(See attached screenshhot).

I added sample code like in my app without data.

What can be the problem?

Thanks,,

DataGrid

answered on 16 May 2022

0 answers

238 views

Popup crashed

Solved

Popup

updated question on 15 May 2022

3 answers

511 views

Telerik UI for MAUI and MAUI preview 13

Im install VS v17.2.0 Preview 1.0 wich include .NET MAUI preview 13. Create new sample MAUI project.
Project is worked properly.
After add Telerik MAUI support. Project build failed with errors:

Severity Code Description Project File Line Suppression State
Error PRI175: 0x80073b0f - Processing Resources failed with error: Duplicate Entry. MauiApp2 D:\work\net\MauiApp2\MauiApp2\WINAPPSDKGENERATEPROJECTPRIFILE 1
Error PRI222: 0x80073b0f - Unspecified error occurred. MauiApp2 D:\work\net\MauiApp2\MauiApp2\WINAPPSDKGENERATEPROJECTPRIFILE 1

Solution attached..

BusyIndicator

answered on 12 May 2022

1 answer

306 views

IsReadOnly property is binndable ?

Hi,

I tried to use two way binding to IsReadOnly="{Binding IsDirectoryReadOnly,Mode=TwoWay}"

But is not working .

Thanks,

  <telerikMauiControls:RadEntry Grid.Row="1" Grid.Column="1" x:Name="txtDirectory" Placeholder="Directory" WidthRequest="200" Text="{Binding DirectoryName, Mode=TwoWay}" ValidationErrorMessage="{Binding DirectoryValidationErrorMessage, Mode=TwoWay}" IsValueValid="{Binding DirectoryIsValueValid, Mode=TwoWay}" 
                                                      IsReadOnly="{Binding IsDirectoryReadOnly,Mode=TwoWay}" ClearButtonVisibility="Never"/>

Entry

answered on 12 May 2022

1 answer

165 views

Move to RC3

Hi,

What i need to do in order to move to RC3?

Thanks,

General Discussions

answered on 11 May 2022

0 answers

250 views

Content Page- Disappearing event not fire

Hi,

Can you please check if it reproduce in your side also ?

I'm using Version 17.2.0 Preview 5.0.

Thanks in advance,

General Discussions

asked on 11 May 2022

1 answer

427 views

telerikMauiControls:RadEntry in list view value not seen

Hi,

This code in ListViewTemplateCell.View is not seen.

      <telerikMauiControls:RadEntry Grid.Row="0" Grid.Column="1" Text="{Binding Capacity}"  VerticalOptions="Center" IsReadOnly="True" TextColor="{DynamicResource PrimaryColor}"/>

  <VerticalStackLayout Grid.Row="0"  Margin="10">
            <Label Text="Rules" Margin="10"/>
            <telerikDataControls:RadListView ItemsSource="{Binding RulesSource, Mode=TwoWay}" x:Name="rulesListView" VerticalScrollBarVisibility="Always"
                                   GroupHeaderTemplate="{StaticResource ListViewGroupHeaderTemplate}"
                                   GroupHeaderStyle="{StaticResource ListViewGroupHeaderStyle}"
                                             >
              
                </telerikDataControls:RadListView.ReorderItemStyle>
                <telerikDataControls:RadListView.GroupDescriptors>
                    <telerikListView:PropertyGroupDescriptor PropertyName="Portal" />
                </telerikDataControls:RadListView.GroupDescriptors>
                 <telerikDataControls:RadListView.ItemTemplate>
                    <DataTemplate>
                        <telerikListView:ListViewTemplateCell>
                            <telerikListView:ListViewTemplateCell.View>
                                <telerik:RadBorder  BorderColor="{DynamicResource PrimaryColor}" BorderThickness="1"   VerticalOptions="Center" CornerRadius="5" Margin="5" >
                                    <Grid HeightRequest="200" RowSpacing="10" RowDefinitions="auto, auto, auto, auto, auto" ColumnSpacing="10" ColumnDefinitions="auto, auto, auto, auto" HorizontalOptions="Start" VerticalOptions="Center">
                                        <Label Grid.Row="0" Grid.Column="0" Text="*Capacity (Mega):"  VerticalOptions="Center" FontSize="16" FontAttributes="Bold" Margin="5" HorizontalOptions="Start"/>
                                        <telerikMauiControls:RadEntry Grid.Row="0" Grid.Column="1" Text="{Binding Capacity}"  VerticalOptions="Center" IsReadOnly="True" TextColor="{DynamicResource PrimaryColor}"/>
                                        <Label Grid.Row="0" Grid.Column="2" Text="*Capacity in used (Mega):" VerticalOptions="Center" FontSize="16" FontAttributes="Bold" Margin="5"/>
                                        <Label Grid.Row="0" Grid.Column="3" Text="{Binding CapacityUsed}"  VerticalOptions="Center" />

                                   

                                    </Grid>
                                </telerik:RadBorder>
                            </telerikListView:ListViewTemplateCell.View>
                        </telerikListView:ListViewTemplateCell>
                    </DataTemplate>
                </telerikDataControls:RadListView.ItemTemplate>
                <telerikDataControls:RadListView.LayoutDefinition>
                    <telerikListView:ListViewLinearLayout ItemLength="200" />
                </telerikDataControls:RadListView.LayoutDefinition>
            </telerikDataControls:RadListView>
          
        </VerticalStackLayout>

ListView (obsolete)

answered on 10 May 2022

1 answer

153 views

Disabled CheckBox is still enabled on Android

Hi,

I noticed that a disabled checkbox is still working an Android. The Windows build seems to be correct.

See attached screenshots.

To replicate, create a new MAUI app, then replace MainPage.xaml with 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:telerikDataControls="clr-namespace:Telerik.XamarinForms.DataControls;assembly=Telerik.Maui.Controls.Compatibility"
             xmlns:telerikChart="clr-namespace:Telerik.XamarinForms.Chart;assembly=Telerik.Maui.Controls.Compatibility"
             xmlns:telerikListView="clr-namespace:Telerik.XamarinForms.DataControls.ListView;assembly=Telerik.Maui.Controls.Compatibility"
             xmlns:primitives="clr-namespace:Telerik.XamarinForms.Primitives;assembly=Telerik.Maui.Controls.Compatibility"
             x:Class="MauiApp1.MainPage">

    <VerticalStackLayout Spacing="8" Padding="8">
        <primitives:RadCheckBox IsCheckedChanged="RadCheckBox_IsCheckedChanged" HorizontalOptions="Start"/>
        <primitives:RadCheckBox x:Name="Cb2" IsEnabled="False" HorizontalOptions="Start"/>
    </VerticalStackLayout>
</ContentPage>

And MainPage.xaml.cs with

namespace MauiApp1;

public partial class MainPage : ContentPage
{
	public MainPage()
	{
		InitializeComponent();
	}

    private void RadCheckBox_IsCheckedChanged(object sender, Telerik.XamarinForms.Primitives.CheckBox.IsCheckedChangedEventArgs e)
    {
        Cb2.IsEnabled = true;
    }
}

The second checkbox should be disabled after start of the application.

Regards
Martin

CheckBox

answered on 05 May 2022

1 answer

150 views

Move to Telerik 8

Hi,

I see Telerik 8 available(is it rc2?) ,I used 7.

What I need to do in order to move to this new version ?, to update vs ?

Thanks,

General Discussions

answered on 02 May 2022

1 answer

445 views

Binding problem with RadCartesianChart

Hi,

I'm working on a MAUI application for Android (VS 2022 17.2 Update 5, Telerik Maui 0.8).

I'm trying to use a RadCartesianChart. The data I'm binding uses child objects and that throws an NullReferenceExeption on Android but works fine on Windows. I'm not sure if this a MAUI issue or a Telerik issue.

To replicate, create a new MAUI app. Then replace MainPage.xaml with this code (slightly modified from your documentation):

<?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:telerikDataControls="clr-namespace:Telerik.XamarinForms.DataControls;assembly=Telerik.Maui.Controls.Compatibility"
             xmlns:telerikChart="clr-namespace:Telerik.XamarinForms.Chart;assembly=Telerik.Maui.Controls.Compatibility"
             xmlns:telerikListView="clr-namespace:Telerik.XamarinForms.DataControls.ListView;assembly=Telerik.Maui.Controls.Compatibility"
             x:Class="MauiApp1.MainPage">

    <telerikChart:RadCartesianChart MinimumHeightRequest="300">

        <telerikChart:RadCartesianChart.HorizontalAxis>
            <telerikChart:NumericalAxis LabelFitMode="MultiLine" />
        </telerikChart:RadCartesianChart.HorizontalAxis>

        <telerikChart:RadCartesianChart.VerticalAxis>
            <telerikChart:NumericalAxis />
        </telerikChart:RadCartesianChart.VerticalAxis>

        <telerikChart:RadCartesianChart.Series>
            <telerikChart:ScatterSplineSeries XValueBinding="NumericalData.XData" YValueBinding="NumericalData.YData" ItemsSource="{Binding Data1}" />

            <telerikChart:ScatterSplineSeries XValueBinding="XData" YValueBinding="YData" ItemsSource="{Binding Data2}" />
        </telerikChart:RadCartesianChart.Series>
    </telerikChart:RadCartesianChart>
</ContentPage>

And MainPage.xaml.cs with this code:

namespace MauiApp1;

using System.Collections.ObjectModel;

public partial class MainPage : ContentPage
{
	public MainPage()
	{
		InitializeComponent();
		Data1 = GetNumericData1();
		Data2 = GetNumericData2();
		BindingContext = this;
	}

	public ObservableCollection<Item> Data1 { get; set; }
	public ObservableCollection<NumericalData> Data2 { get; set; }


	public static ObservableCollection<Item> GetNumericData1()
	{
		var data = new ObservableCollection<Item>
	{
		new Item { NumericalData = new NumericalData { XData = 2, YData = 13 } },
		new Item { NumericalData = new NumericalData { XData = 19, YData = 31 } },
		new Item { NumericalData = new NumericalData { XData = 22, YData = 33 } },
		new Item { NumericalData = new NumericalData { XData = 28, YData = 35 } },
		new Item { NumericalData = new NumericalData { XData = 33, YData = 46 } },
		new Item { NumericalData = new NumericalData { XData = 38, YData = 34 } },
		new Item { NumericalData = new NumericalData { XData = 49, YData = 66 } },
		new Item { NumericalData = new NumericalData { XData = 55, YData = 24 } },
		new Item { NumericalData = new NumericalData { XData = 62, YData = 41 } },
	};
		return data;
	}
	public static ObservableCollection<NumericalData> GetNumericData2()
	{
		var data = new ObservableCollection<NumericalData>
	{
		new NumericalData { XData = 7, YData = 13 },
		new NumericalData { XData = 19, YData = 17 },
		new NumericalData { XData = 22, YData = 19 },
		new NumericalData { XData = 28, YData = 21 },
		new NumericalData { XData = 33, YData = 35 },
		new NumericalData { XData = 38, YData = 43 },
		new NumericalData { XData = 49, YData = 15 },
		new NumericalData { XData = 55, YData = 21 },
		new NumericalData { XData = 62, YData = 47 },
	};
		return data;
	}
}


public class NumericalData
{
	public double XData { get; set; }
	public double YData { get; set; }
}

public class Item
{
	public NumericalData NumericalData { get; set; }
}

Regards
Martin

Chart

answered on 29 Apr 2022