Questions on UI for .NET MAUI Forum

1 answer

110 views

How to add a label in the center of a donut chart

I need to add a small label in the center of a donut chart like the one that follows

<telerik:RadPieChart>
    <telerik:RadPieChart.Series>
        <telerik:DonutSeries ShowLabels="True"
                             RadiusFactor="0.7"
                             InnerRadiusFactor="0.8"
                             ValueBinding="Value"
                             ItemsSource="{Binding Data}" />
    </telerik:RadPieChart.Series>
</telerik:RadPieChart>

As you can see from the code above there is enough UI space in the center of the donut chart (RadiusFactor = 0.7 & InnerRadiusFactor = 0.8) to draw a label. However I cannot find any solution from the official docs to do this.

I can try to add a label in z-index over the control using this

<Grid>
    <telerik:RadPieChart>
        <telerik:RadPieChart.Series>
            <telerik:DonutSeries ShowLabels="True"
                                 RadiusFactor="0.7"
                                 InnerRadiusFactor="0.8"
                                 ValueBinding="Value"
                                 ItemsSource="{Binding Data}" />
        </telerik:RadPieChart.Series>
    </telerik:RadPieChart>
    <Grid Padding="30" BackgroundColor="Green">
        <Label Text="75%" />
    </Grid>
</Grid>

but I must do UI changes in order to center the label both vertically and horizontally.

Chart

answered on 14 Apr 2026

1 answer

113 views

RadNavigationView additional Header button

I am using a telerik:RadNavigationView, that has by default a hamburger button, which when clicked opens/closes the left panel. Can I add an additional button right to this hamburger menu in the header (in the same line/parallel to the hamburger menu), that behaves like the hamburger menu (means when the left panel closes this button should remain visible - like the original hamburger menu).

Thanks in advance

NavigationView

answered on 16 Mar 2026

1 answer

108 views

Controlling Item Separator Appearance

I've tried all kinds of things but can't seem to figure out how to control the item separator appearance on iOS. On Windows it doesn't appear (which is what I want) but on iOS a thin line always appears. I need it gone.

                            <telerik:RadCollectionView
                                Margin="0,0,0,0"
                                BackgroundColor="Black"
                                HeightRequest="200"
                                ItemsSource="{Binding CompanyContacts}"
                                SelectionMode="None">
                                <telerik:RadCollectionViewItemView>
                                    <telerik:RadCollectionViewItemView.Resources>
                                        <Style TargetType="telerik:RadCollectionViewItemView">
                                            <Setter Property="BackgroundColor" Value="Black" />
                                            <Setter Property="BorderColor" Value="Black" />
                                            <Setter Property="CornerRadius" Value="0" />
                                            <Setter Property="Padding" Value="0" />
                                            <Setter Property="Margin" Value="0" />
                                            <Setter Property="BorderThickness" Value="0" />
                                        </Style>
                                    </telerik:RadCollectionViewItemView.Resources>
                                </telerik:RadCollectionViewItemView>
                                <telerik:RadCollectionView.ItemTemplate>
                                    <DataTemplate x:DataType="m:CompanyContactModel">
                                        <StackLayout
                                            Margin="10,10,10,0"
                                            HorizontalOptions="Fill"
                                            Orientation="Vertical">
                                            <StackLayout
                                                Margin="0,10,0,0"
                                                HorizontalOptions="Fill"
                                                Orientation="Horizontal">
                                                <Label
                                                    Margin="0,12,0,0"
                                                    Style="{StaticResource OrangeLabelStyle}"
                                                    Text="{Binding FullName}" />
                                                <Label
                                                    Margin="0,12,0,0"
                                                    Style="{StaticResource WhiteLabelStyle}"
                                                    Text=" - ">
                                                    <Label.Triggers>
                                                        <DataTrigger
                                                            Binding="{Binding Position}"
                                                            TargetType="Label"
                                                            Value="{x:Null}">
                                                            <Setter Property="IsVisible" Value="False" />
                                                        </DataTrigger>
                                                        <DataTrigger
                                                            Binding="{Binding Position}"
                                                            TargetType="Label"
                                                            Value="">
                                                            <Setter Property="IsVisible" Value="False" />
                                                        </DataTrigger>
                                                    </Label.Triggers>
                                                </Label>
                                                <Label
                                                    Margin="0,12,0,0"
                                                    Style="{StaticResource WhiteLabelStyle}"
                                                    Text="{Binding Position}"
                                                    TextColor="{StaticResource WhiteTextColor}" />
                                            </StackLayout>
                                            <HorizontalStackLayout Margin="0,5,0,0" Spacing="10">
                                                <telerik:RadCheckBox
                                                    IsChecked="{Binding IsEmailed, Mode=TwoWay}"
                                                    VerticalOptions="Center"
                                                    Color="{StaticResource WhiteTextColor}" />
                                                <telerik:RadEntry Text="{Binding EmailAddress, Mode=TwoWay}" WidthRequest="250" VerticalOptions="Center" />
                                            </HorizontalStackLayout>
                                        </StackLayout>
                                    </DataTemplate>
                                </telerik:RadCollectionView.ItemTemplate>
                            </telerik:RadCollectionView>

CollectionView

answered on 06 Mar 2026

3 answers

92 views

MAUI RadCartesianChart export to PDF/PNG

hello, Is there any possibility to export RadCartesianChart to pdf/png?

Chart

updated answer on 04 Mar 2026

1 answer

140 views

I like to hide a column in DataGrid

// Spalten, die ausgeblendet werden sollen
var zuVersteckendeSpalten = new[] { "AssetObjectId", "Id", "Media", "TheGeom" };

foreach (var col in dataGrid.Columns)
{
if (zuVersteckendeSpalten.Contains(col.Name))
{
col.IsVisible = false;
}
}

DataGrid

answered on 16 Feb 2026

0 answers

126 views

SolidColorBrush and LinearGradientBrush warnings at runtime

We're getting these warnings during runtime on iOS (Telerik.UI.for.Maui 13.0.0):

Microsoft.Maui.Controls.LinearGradientBrush is already a child of Telerik.Maui.Controls.RadEffectsView. Remove Microsoft.Maui.Controls.LinearGradientBrush from Telerik.Maui.Controls.RadEffectsView before adding to Telerik.Maui.Controls.RadEffectsView.

Microsoft.Maui.Controls.SolidColorBrush is already a child of Telerik.Maui.Controls.RadBorder. Remove Microsoft.Maui.Controls.SolidColorBrush from Telerik.Maui.Controls.RadBorder before adding to Telerik.Maui.Controls.RadBorder.

App seems to run fine, but our logger (Sentry) gets flooded with warnings. Any way to resolve?

General Discussions

asked on 14 Feb 2026

1 answer

165 views

Publishing the Expand(object dataItem) Method in the RadTreeView

Expanding an element chain in the TreeView is quite cumbersome when using different descriptors with different templates, as the provided method Expand(IEnumerable itemPath) requires complex preparation and, depending on the context, different preparation mechanisms.

It would be desirable if the already existing method Expand(object dataItem) from the TreeViewAdapter could be made accessible directly through the TreeView.

As an additional bonus, it would be beneficial if the chain could be determined automatically based on the passed element.

TreeView

answered on 17 Dec 2025

1 answer

176 views

[Solved] InputAccessoryView Buttons Not Working / Not Synchronized with Toolbar of RadRichTextEditor on iPads

Description:

We are experiencing an issue with the RadRichTextEditor on iPad when using the built-in InputAccessoryView buttons that appear above the virtual keyboard (Bold, Italic, Underline)

Observed Behavior:

• The buttons in the InputAccessoryView do not trigger formatting commands in the editor.

• The state of these buttons is not synchronized with the main RadRichTextEditor toolbar, pressing toolbar items in the toolbar does not update the corresponding buttons in the InputAccessoryView, and vice versa.

• This occurs consistently on iPad.

Expected Behavior:

• InputAccessoryView buttons should perform the corresponding formatting actions.

• Their state should be synchronized with the main toolbar buttons of the editor.

Environment
Maui - 9.0.120

Xcode 16.4

IPad 10th generation (simulator and real device)

See attached file

RichTextEditor

answered on 11 Dec 2025

1 answer

133 views

can I add text to a linear gauge

Hi, is it possible to modify a linear gauge, so that there is text inside the various ranges? as per the example

Gauge

answered on 08 Dec 2025

1 answer

192 views

Tap gesture issues on some samsung devices

Hi,

I have an tap gesture issue with some controls on my samsung device (Galaxy A17 5G), especially CollectionView, Toolbar and probably others controls as well.

For example, when I select one or multiple items in the CollectionView, the tap gesture is not recognized properly and "works" randomly or not at all.

I tried with the Telerik.NET MAUI Controls app on Google Play Store and reproduce the issue on it (collectionview and toolbar).

When I use the sample app (or my app) with Vysor (screen mirroring), it works fine when I click on the items (using mouse) but it doesn't work when I tap on the item directly on the device.

It works fine on android emulator and on my other devices (Google Pixel 6a, 9a)

Environment (my app):