Telerik Forums
UI for .NET MAUI Forum
1 answer
17 views

The code below returns an error:

A value of type 'PropertySortDescriptor' cannot be added to a collection or dictionary of type 'SortDescriptorCollection'.

                <telerik:RadDataGrid.SortDescriptors>
                    <telerik:PropertySortDescriptor PropertyName="PracticeLogId" SortOrder="Descending" />
                </telerik:RadDataGrid.SortDescriptors>

?

 

Didi
Telerik team
 answered on 06 Jun 2022
2 answers
39 views

Hallo,

I would like to customize the icon of the "ComboBox - DropDownButton"

Is there any "DataTemplate" for "ComboBox - DropDownButton"? Or any other solution?

I understand that I can customize the style in "RadComboBox.DropDownButtonStyle", but I need the customize the icon of the button

Palmsenser
Top achievements
Rank 1
 answered on 03 Jun 2022
3 answers
34 views

Hi,


<telerikMauiControls:RadDateTimePicker x:Name="fromDateTimePicker" HorizontalOptions="Center" VerticalOptions="Center" Margin="5,5,0,2" HeightRequest="35" WidthRequest="200" 
                                                        Date="{Binding FromDate, Mode=TwoWay}" 
                                                        SpinnerHeaderStyle="{StaticResource spinnerHeaderStyle}"
                                                        SpinnerStyle="{StaticResource spinnerStyle}"
                                                        SelectionHighlightStyle="{StaticResource selectionHighlightStyle}"
                                                        DisplayLabelStyle="{StaticResource displayLabelStyle}"
                                                        PlaceholderLabelStyle="{StaticResource placeholderLabelStyle}"
                                                        AreSpinnerHeadersVisible="True">
                    <!--<telerikMauiControls:RadDateTimePicker.DropDownSettings>
                        <telerikMauiControls:PickerDropDownSettings 
                                             FooterStyle="{StaticResource footerStyle}"
                                             FooterTemplate="{StaticResource dropDowViewFooterTemplate}"
                                             AcceptButtonStyle="{StaticResource acceptButtonStyle}"
                                             CancelButtonStyle="{StaticResource cancelButtonStyle}" />
                    </telerikMauiControls:RadDateTimePicker.DropDownSettings>-->
                </telerikMauiControls:RadDateTimePicker>


  <ControlTemplate x:Key="dropDowViewFooterTemplate">
                <telerikMauiControls:RadBorder BackgroundColor="{TemplateBinding BackgroundColor}"
                                               BorderColor="{TemplateBinding BorderColor}"
                                               BorderThickness="{TemplateBinding BorderThickness}"
                                               CornerRadius="{TemplateBinding CornerRadius}">
                    <Grid ColumnSpacing="0"
                          RowSpacing="0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="auto" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                        <telerikMauiControls:RadButton Grid.Column="0" HorizontalOptions="Center" VerticalOptions="Center"
                                               Text="{TemplateBinding CancelButtonText}"
                                               Style="{TemplateBinding CancelButtonStyle}"
                                               Command="{TemplateBinding CancelCommand}"/>
                        <telerik:RadBorder Grid.Column="1"  WidthRequest="1" Margin="2" BorderColor="#00B5DC"/>
                        <telerikMauiControls:RadButton Grid.Column="2" HorizontalOptions="Center" VerticalOptions="Center" 
                                               Text="{TemplateBinding AcceptButtonText}"
                                               Style="{TemplateBinding AcceptButtonStyle}"
                                               Command="{TemplateBinding AcceptCommand}"/>
                    </Grid>
                </telerikMauiControls:RadBorder>
            </ControlTemplate>

Antoan
Telerik team
 answered on 03 Jun 2022
1 answer
19 views

I am testing the Telerik MAUI controls (trial version) and specifically looking into the TabView control. I cannot seem to get the line underneath the selected tab view item to display, as in your documentation:

My code is as follows:


<telerik:RadTabView
	x:Name="tabView"
	Grid.Row="0"
	BackgroundColor="Transparent"
	VerticalOptions="Fill">
	
	<telerik:RadTabView.HeaderStyle>
		<Style TargetType="telerik:TabViewHeader">
			<Setter Property="BackgroundColor" Value="Transparent" />
			<Setter Property="HorizontalOptions" Value="Start" />
		</Style>
	</telerik:RadTabView.HeaderStyle>

	<telerik:RadTabView.HeaderItemStyle >
		<Style TargetType="telerik:TabViewHeaderItem">
			<Setter Property="Padding" Value="10,5" />
			<Setter Property="VisualStateManager.VisualStateGroups">
				<VisualStateGroupList>
					<VisualStateGroup Name="CommonStates">
						<VisualState Name="Normal">
							<VisualState.Setters>
								<Setter Property="TextColor" Value="#99ffffff" />
								<Setter Property="FontAttributes" Value="Bold" />
								<Setter Property="BackgroundColor" Value="Transparent" />
							</VisualState.Setters>
						</VisualState>
						<VisualState Name="Disabled">
							<VisualState.Setters>
								<Setter Property="TextColor" Value="#b3b3b3" />
								<Setter Property="FontAttributes" Value="Bold" />
								<Setter Property="BackgroundColor" Value="Transparent" />
							</VisualState.Setters>
						</VisualState>
						<VisualState Name="Selected">
							<VisualState.Setters>
								<Setter Property="TextColor" Value="White" />
								<Setter Property="FontAttributes" Value="Bold" />
								<Setter Property="BackgroundColor" Value="Transparent" />
							</VisualState.Setters>
						</VisualState>
					</VisualStateGroup>
				</VisualStateGroupList>
			</Setter>
		</Style>
	</telerik:RadTabView.HeaderItemStyle>

	<telerik:RadTabView.ContentStyle>
		<Style TargetType="telerik:TabViewContent">
			<Setter Property="VerticalOptions" Value="Fill" />
		</Style>
	</telerik:RadTabView.ContentStyle>
	
	<telerik:TabViewItem HeaderText="Settings">
		<Grid BackgroundColor="White">
			<Label Margin="10" Text="This is the content of the Settings tab" />
		</Grid>
	</telerik:TabViewItem>

	<telerik:TabViewItem HeaderText="About">
		<Label Margin="10" Text="This is the content of the About tab" />
	</telerik:TabViewItem>

	<telerik:TabViewItem HeaderText="View">
		<Label Margin="10" Text="This is the content of the View tab" />
	</telerik:TabViewItem>
</telerik:RadTabView>

And my tabview displays as follows (notice the line is missing):

 

I am running this on Android.

I have also tried to copy and paste some of the tabview examples from your code directly into my program, but I still don't see the line.

I have followed the instructions on getting started. Maybe I'm missing something small. Please assist. Thank you in advance.

Deyan
Telerik team
 answered on 03 Jun 2022
1 answer
81 views

So...

Maui apps can't have unit tests in a test project? Is that right? So, I have to move code I want to test into class libraries?

But Maui class libraries cannot contain Telerik code. Is that right? I can get Resharper to offer this:

but none of those options do anything. I have the Telerik Maui nuget installed in the class library.

FWIW, I am porting over a Xamarin Forms project and trying to figure out how to structure the app and what my limitations are...

 

 

Antoan
Telerik team
 answered on 02 Jun 2022
1 answer
44 views

The project I'm working on is .NET 6 Core web API using MS SQL and MySQL along with Angular for UI.

I'm researching Angular but it does seem a little archaic in this day and age as a UI solution (most compatible, but least functional and more difficult to build a UI).  My project requirements are:

1.  Must run on Windows

2.  Must run on macOS

3.  Must run on iOS

4.  Must run on Android

5.  Must run on all web browsers

MAUI seems like a good fit, HOWEVER, it doesn't seem to support client/server (aka web deployments on IIS or Apache)?

Some questions:

a.  Is there really only ONE code path for all of the above deployments?

b. How easy is it to build a package for deployment ... docker?

c.  Reading the documentation and data binding seems easy and consistent with other technologies using in the Telerik space, HOWEVER, the datagrid suggests it's only supported in iOS and Android (not windows)?

d. Blazor seems to be required for doing web UI, how does that work with MAUI?

Cheers, Rob.

Didi
Telerik team
 answered on 27 May 2022
2 answers
30 views

Hi

I do not see select button at date time picker.


<telerikMauiControls:RadDateTimePicker x:Name="fromDateTimePicker" HorizontalOptions="Center" VerticalOptions="Center" Margin="5,5,0,2" HeightRequest="35" WidthRequest="200" 
                                                        Date="{Binding FromDate, Mode=TwoWay}" 
                                                        SpinnerHeaderStyle="{StaticResource spinnerHeaderStyle}"
                                                        SpinnerStyle="{StaticResource spinnerStyle}"
                                                        SelectionHighlightStyle="{StaticResource selectionHighlightStyle}"
                                                        DisplayLabelStyle="{StaticResource displayLabelStyle}"
                                                        PlaceholderLabelStyle="{StaticResource placeholderLabelStyle}"
                                                        AreSpinnerHeadersVisible="True">
                    <!--<telerikMauiControls:RadDateTimePicker.DropDownSettings>
                        <telerikMauiControls:PickerDropDownSettings 
                                             FooterStyle="{StaticResource footerStyle}"
                                             FooterTemplate="{StaticResource dropDowViewFooterTemplate}"
                                             AcceptButtonStyle="{StaticResource acceptButtonStyle}"
                                             CancelButtonStyle="{StaticResource cancelButtonStyle}" />
                    </telerikMauiControls:RadDateTimePicker.DropDownSettings>-->
                </telerikMauiControls:RadDateTimePicker>

Antoan
Telerik team
 answered on 27 May 2022
1 answer
41 views

I am getting an error from Visual Studio saying that it can't resolve RadDockLayout.

This is the specific error:../MainPage.xaml(3,3): Error XFC0000: Cannot resolve type "http://schemas.telerik.com/2022/xaml/maui:telerik:RadDockLayout". (XFC0000) (MOBLZ_MAUI) XamlC

 

I am using the xml namespace required and I am able to render other controls such as Badge.

Here is the xml snippet

 


<?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:telerik="http://schemas.telerik.com/2022/xaml/maui"
             x:Class="xxx.MainPage">
    <ScrollView>
 <telerik:RadDockLayout>
  <Grid x:Name="titlePanel"
                  HeightRequest="60"
                  BackgroundColor="{StaticResource AccentColor8}"
                  IsVisible="{Binding IsTitlePanelVisible}"
                  telerik:RadDockLayout.Dock="{Binding TitlePanelDock, Converter={StaticResource StringToDockConverter}}">
                <Label Text="Title" TextColor="White"/>
            </Grid>
            <Grid x:Name="navigationPanel"
                  HeightRequest="60"
                  BackgroundColor="#ADD9FC"
                  IsVisible="{Binding IsNavigationPanelVisible}"
                  telerik:RadDockLayout.Dock="{Binding NavigationPanelDock, Converter={StaticResource StringToDockConverter}}">
                <Label Text="Navigation" />
            </Grid>
            <Grid x:Name="listPanel"
                  WidthRequest="120"
                  BackgroundColor="#DFDFDF"
                  IsVisible="{Binding IsListPanelVisible}"
                  telerik:RadDockLayout.Dock="{Binding ListPanelDock, Converter={StaticResource StringToDockConverter}}">
                <VerticalStackLayout Margin="20">
                    <Label Text="List" FontSize="Small" Margin="0"/>
                    <Label Margin="0" Text="&#xE84A;" FontSize="50"/>
                    <Label Margin="0" Text="&#xE84A;" FontSize="50"/>
                    <Label Margin="0" Text="&#xE84A;" FontSize="50"/>
                    <Label Margin="0" Text="&#xE84A;" FontSize="50"/>
                </VerticalStackLayout>
            </Grid>

        </telerik:RadDockLayout>
    </ScrollView>
    
</ContentPage>

Didi
Telerik team
 answered on 26 May 2022
1 answer
77 views

 via NuGet Telerik.UI.for.Maui 1.0.0 is installed in a Library successfully.

in a Xaml file there is no "clr-namespace" found for Telerik.UI.for.Maui controls.

I also tried: 

xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"

which "<telerik:" shows nothing

any ideal?

 

Lance | Manager Technical Support
Telerik team
 answered on 25 May 2022
1 answer
58 views

We are trying to render some Telerik MAUI controls from within a BlazorWebView but nothing is showing up. Is it possible to render MAUI controls within a BlazorWebView? If so, how do we configure the app to do so.

 

Thanks

Lance | Manager Technical Support
Telerik team
 answered on 24 May 2022
Top users last month
Deasun
Top achievements
Rank 2
Iron
Iron
Veteran
Teja
Top achievements
Rank 1
Ethan
Top achievements
Rank 1
James
Top achievements
Rank 1
Simos Sigma
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?