Telerik Forums
UI for .NET MAUI Forum
2 answers
93 views

We have this in our project to customize some tool bar items. It is working in 10.1.0, but no longer works in version 11.0.0

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

 

<ResourceDictionary.MergedDictionaries>
<telerik:RadToolbarResourceDictionary />
</ResourceDictionary.MergedDictionaries>
Masha
Telerik team
 answered on 23 May 2025
1 answer
67 views
Are there any plans to support adding text and shapes to an image in the ImageEditor for .Net MAUI like in the ASP .Net product?
See Insert Text and Draw for the ASP .Net product
Didi
Telerik team
 answered on 14 May 2025
1 answer
97 views

Hi Telerik,

 

How to modify the RadListPicker control as box with rounder corners and with dropdown up and down arrow when it is closed or open.

 

I need this for all the platforms.

 

Should look like this in all the platforms:

Thanks And Best Regards,

Mohammed Rameez Raza (Rameez).

Didi
Telerik team
 answered on 08 May 2025
4 answers
144 views

Hi Telerik,

I have been using RadTabView for MAUI and have used the different style but, not able to make the header text to make to next line when it has lengthy text.  and also, I need all my tabs to be visible in a single screen.

 Requirements:

1. Line break for header text.

2. Make the tabs fit the screen.

3. Change the color of image (here we are using .png).

Below is the image for your reference:

 

Thanks & Best regards,

Mohammed Rameez Raza (Rameez).

Didi
Telerik team
 answered on 08 May 2025
1 answer
99 views

Dear Telerik,

How can I change the placeholder of RadChat from 'Please entry a message' to other value binding to ViewModel like 'ABC...'. I have tried to use

<ContentPage.Resources>
   <Style TargetType="telerik:ChatEntry">
        <Setter Property="Placeholder" Value="ABC.." />
    </Style>
</ContentPage.Resources> --> But it made the theming of RadChat failed! Can you help tell me how to solve this?
Petar Marchev
Telerik team
 answered on 05 May 2025
1 answer
148 views

Does the RadCollectionView support two way binding?  I have a row of toggle buttons that I am trying to make work like a radio button group.  Select one, and the others get toggled off. 

I can tell all the logic and events to fire off the .UpdateValue on the other buttons but the UI does not recognize the change.  For test purposes, also threw in some code to update a label just in case it might be the ToggleButton as the issue.

Everything seems to work but the UI is not updated.  Tried wrapping a RefreshView around the RadCollectionView to no avail.

the one way binding does work.

Didi
Telerik team
 answered on 24 Apr 2025
1 answer
67 views

I have the below implementation where when a user is typing in the AutoComplete control it calls API to fetch results using keyed text. But noticed that its filtering out results that our web portal (also using Blazor AutoComplete TK) is showing. I want to show all results in the list that is fetched as the user types, but it's not showing them all.

Why?

The ItemsSource is Bound to a collection that contains all results, but it's filtering some out for some reason.


<fv:AutoComplete
			x:Name="specialtyAutoComplete"
			CompletionMode="Contains"
			CornerRadius="0,0,3,3"
			FontSize="12"
			ItemsSource="{Binding SpecialtyAutocompleteList}"
			Margin="0,10,0,0"
			Padding="0,0,30,0"
			Placeholder="Search for Specialty"
			SuggestionViewBackgroundColor="#FFF"
			SuggestionViewBorderThickness=".5"
			TextSearchPath="Synonyms">
			<fv:AutoComplete.Behaviors>
				<tk:RadEventToCommandBehavior Command="{Binding SpecialtyTextChangedCommand}" EventName="TextChanged" />
				<tk:RadEventToCommandBehavior Command="{Binding SpecialtyItemSelectedCommand}" EventName="SuggestionItemSelected" />
			</fv:AutoComplete.Behaviors>
			<fv:AutoComplete.SuggestionItemTemplate>
				<DataTemplate>
					<Grid
						ColumnDefinitions="Auto, *"
						Margin="8,0"
						RowDefinitions="Auto,Auto">
						<Image
							HeightRequest="15"
							Margin="7"
							Source="med_bag"
							VerticalOptions="Center"
							WidthRequest="15" />
						<Label
							FontSize="{OnPlatform Android=12, iOS=10}"
							Grid.Column="1"
							Text="{Binding Code}"
							TextColor="Black"
							VerticalOptions="Center"
							VerticalTextAlignment="Center" />
						<Label
							FontAttributes="Italic"
							FontSize="{OnPlatform Android=11, iOS=9}"
							Grid.Column="1"
							Grid.Row="1"
							Text="{Binding Synonyms}"
							TextColor="#AAA"
							VerticalOptions="Center"
							VerticalTextAlignment="Center" />
					</Grid>
				</DataTemplate>
			</fv:AutoComplete.SuggestionItemTemplate>
			<tk:RadAutoComplete.DisplayTextFormatter>
				<local:SpecialtyTextFormatter />
			</tk:RadAutoComplete.DisplayTextFormatter>
</fv:AutoComplete>

Didi
Telerik team
 answered on 23 Apr 2025
2 answers
537 views

Hello,

I have installed the trial version of the Maui package [2]. After that I created an empty project: [1] 

  1. In VS Code, open the Command Palette menu by pressing Ctrl+Shift+P on Windows or Linux, or Cmd+Shift+P on Mac.
  2. Select Telerik UI for .NET MAUI Template Wizard: Launch and press Enter

When I try to run/build it, I get this error: 

NU1101: Unable to find package Telerik.UI.for.Maui.Trial. No packages exist with this id in source(s): /usr/local/share/dotnet/library-packs, NuGet

Which makes sense because there is no Telerik.UI.for.Maui.Trial at this location. 

What am I doing wrong?

Thanks!

[1] https://marketplace.visualstudio.com/items?itemName=TelerikInc.telerik-maui-productivity-tools#:~:text=NET%20MAUI%20Scaffolders-,The%20Telerik%20UI%20for%20.,the%20controls%20through%20an%20UI

[2] https://www.telerik.com/maui-ui?_gl=1*ok4989*_gcl_aw*R0NMLjE3MjY2NjE2OTkuQ2owS0NRanc5S20zQmhEakFSSXNBR1ViNG56N3NOa0NoYUF6UTlZOWREWVNiaVZBeVg4RzRqTkdJRWN3ODdJdzJmZzc0S0ZJSUd2WU9SZ2FBa1hyRUFMd193Y0I.*_gcl_dc*R0NMLjE3MjY2NjE2OTkuQ2owS0NRanc5S20zQmhEakFSSXNBR1ViNG56N3NOa0NoYUF6UTlZOWREWVNiaVZBeVg4RzRqTkdJRWN3ODdJdzJmZzc0S0ZJSUd2WU9SZ2FBa1hyRUFMd193Y0I.*_gcl_au*MTk5NjgwNjY4OS4xNzI2NjYwMDYw*_ga*MTY0MDUzNzA5Ny4xNzI2NjYwMDYx*_ga_9JSNBCSF54*MTcyNjY2MDA2MC4xLjEuMTcyNjY2NzA2OS4yMi4wLjA

Lance | Senior Manager Technical Support
Telerik team
 updated answer on 18 Apr 2025
1 answer
101 views

Hello,

Is there a way to change to the colour of the indicator icon in ExpandCollapseIndicatorStyle.

This is what I have so far:

I've also included a screenshot of the area I'm trying to change. I thought TextColor would work, but that doesn't seem to have helped. I'm looking to change the colour to white or black via a dynamic resource.
<Style x:Key="GroupHeaderStyle" TargetType="telerik:RadCollectionViewGroupView">
                <Setter Property="ExpandCollapseIndicatorStyle" Value="{StaticResource ExpandCollapseIndicatorStyle}" />
                <Setter Property="BackgroundColor" Value="{DynamicResource ListSelector_SearchBarBackgroundColor}" />
                <Setter Property="BorderColor" Value="{DynamicResource ListBorderBackgroundColor}" />
                <Setter Property="BorderThickness" Value="1" />
                <Setter Property="VisualStateManager.VisualStateGroups">
                    <VisualStateGroupList>
                        <VisualStateGroup Name="CommonStates">
                            <VisualState Name="Normal" />
                            <VisualState Name="PointerOver">
                                <VisualState.Setters>
                                    <Setter Property="BackgroundColor" Value="{DynamicResource ListBorderBackgroundColor}" />
                                </VisualState.Setters>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateGroupList>
                </Setter>
            </Style>
            <Style x:Key="ExpandCollapseIndicatorStyle" TargetType="Label">
                <Setter Property="TextColor" Value="{DynamicResource TextColour}" />
                <Setter Property="IsVisible" Value="False"/>
            </Style>

Didi
Telerik team
 answered on 17 Apr 2025
1 answer
98 views

Hi community,

We wait a long time for recursive mode feature in tree view.

But we found it has some limitations, when parent is expanded and selected and It's childs are selected .

No option to uncheck disable childs.

The support said the need to implement  Recursive mode with Independent mode and add my logic inside.

I added a basic sample code and would like to add the following logic , can you help to implement these scenarios:

Scenario 1 -When the parent expanded and parent checked and  have children, all it's children need to be checked :

You can check whether the child items are nodes from the parent and add them to the Checked Items collection.

Scenario 2 -When the parent not expanded and parent checked and have no children: 

Just add this item to the Checked Items collection. 

Scenario 3 -When  I uncheck child the parent should be unchecked:

How is can be done ?

Scenario 4 - When parent unchecked, how i unchecked all its children:

How is can be done ?

Thanks in advance,

Didi
Telerik team
 answered on 15 Apr 2025
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
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?