Telerik Forums
UI for .NET MAUI Forum
3 answers
30 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
16 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
54 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
23 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
25 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
20 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
46 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
38 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
1 answer
22 views

Very new to MAUI but how does on connect to a DB, say Ms SQL, and then assign to the datagrid?

 

 

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

We're evaluating RadDataGrid in a Maui app targeting Windows & macOS.

Is there any way to achieve keyboard navigation in the grid? For efficient data entry, users would expect to be able to use arrows/enter to navigate the grid and not just click to edit.

Didi
Telerik team
 updated answer on 24 May 2022
Top users last month
Toby
Top achievements
Rank 3
Iron
Iron
Benjamin
Top achievements
Rank 2
Iron
Veteran
Bernd
Top achievements
Rank 4
Bronze
Iron
Iron
minh
Top achievements
Rank 2
Iron
Iron
Iron
Sebastien
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?