Questions on UI for .NET MAUI Forum

1 answer

112 views

Can still change selection in RadListView when IsEnabled is False

So I have a problem,

when i do this:

<telerik:RadListView IsEnabled="false" SelectionMode="Single" SelectionGesture="Tap">

I can still select/deselect item even though the component is disabled. It just changes color, but behaves like enabled component.

Is this a bug, or am I missing something??

ListView (obsolete)

answered on 04 Sep 2023

1 answer

429 views

How do I show a RadPopup programmatically in .NET MAUI

I'm writing an application that needs to show a popup with a message and different number of buttons depending on the result of an API call. To achieve this with a regular MAUI toolkit popup, I'm using

App.Current.MainPage.ShowPopupAsync

However, this doesn't work with RadPopups. Is there anyway to show a RadPopup programmatically and return the result of a button click?

Popup

answered on 31 Aug 2023

1 answer

120 views

Telerik RadPieChart blocks refreshview

Hi, I have a refreshview with a grid that contains a some labels, a RadPieChart and a CollectionView.

However the existence of the RadPieChart disables the functions of the refreshview on the collectionview. If i replace it with a boxview that has the same view properties set it works fine, but then i'm missing the chart.

It seems like there is some kind of override on the refreshview from the chart. Is there a way to fix this?

<!--<BoxView x:Name="boxtest"
         Grid.Row="4"
         BackgroundColor="Red"
         VerticalOptions="Fill"
         IsEnabled="False"
         Margin="0, 16">
         
    
</BoxView>-->
<telerik:RadPieChart Grid.Row="4"
                     x:Name="AbsencePieChart"
                     BackgroundColor="Red"
                     VerticalOptions="Fill"
                     Palette="{Binding Path=PieChartDataPoints, Converter={StaticResource PieChartToChartPalette}}"
                     IsEnabled="False"
                     Margin="0, 16">
    <telerik:RadPieChart.Series>
        <telerik:PieSeries ItemsSource="{Binding Path=PieChartDataPoints}"
                           ValueBinding="Value" />
    </telerik:RadPieChart.Series>
</telerik:RadPieChart>

Chart

answered on 29 Aug 2023

0 answers

173 views

DataGrid Selection Issue

Good morning,

We are using the Telerik DataGrid in a .NET MAUI project. When I first navigate to the page, I am able to select the rows with no issue. When I go to a different tab (or different page), and then navigate back to the page where the DataGrid was, I am no longer able to make any selections to the row unless I add or remove an item from the ItemSource. Any suggestions?

  <telerik:DataGridColumnHeaderStyle x:Key="HeaderStyle"
                                     BackgroundColor="#0081C6"
                                     TextColor="White"
                                     HoverBackgroundColor="#0081C6"
                                     TextFontSize="16"
                                     TextFontAttributes="Bold"/>
  <telerik:DataGridBorderStyle x:Key="SelectedBackground"
                       BackgroundColor ="#EEEEEE"/>
  <telerik:DataGridBorderStyle x:Key="MouseHoverStyle"
                       BackgroundColor="Transparent"/>

  <telerik:RadDataGrid x:Name="SetInformationDataGrid" AutomationId="SetInformationDataGrid" UserGroupMode="Disabled"
                       ItemsSource="{Binding ConcreteCylinderSampleInfo.SetInformationList}" 
                       AutoGenerateColumns="False"
                       SelectionMode="Multiple" HeightRequest="300"
                       MouseHoverStyle="{StaticResource MouseHoverStyle}" SelectionStyle="{StaticResource SelectedBackground}">
      <telerik:RadDataGrid.Columns>
          <telerik:DataGridTextColumn  PropertyName="Order" HeaderText="#" CanUserEdit="False" CanUserGroup="False"  CanUserFilter="False" CanUserSort="False" HeaderStyle="{StaticResource HeaderStyle}"/>
          <telerik:DataGridTextColumn PropertyName="Type" HeaderText="Type"  CanUserEdit="False" CanUserFilter="False" CanUserSort="False" HeaderStyle="{StaticResource HeaderStyle}"/>
          <telerik:DataGridTextColumn PropertyName="DisplayAge" HeaderText="Age" CanUserEdit="False" CanUserFilter="False" CanUserSort="False" HeaderStyle="{StaticResource HeaderStyle}"/>
      </telerik:RadDataGrid.Columns>
  </telerik:RadDataGrid>

DataGrid

asked on 28 Aug 2023

1 answer

156 views

RadItemsControl ScrollTo(index) - How Do I Scroll An items Control Programatically

I have an items control that I am loading in a descending order (chat formate) and then will add new messages async.

I need to be able to scroll to the bottom of the list when I load the collection, and again after every message. I see a handler , but not sure how to implement this in codebehind file.

Do you have an example of how to scroll programatically or is there a way to invert the RaditemsControl orientation?

Thanks

Billy

ItemsControl

answered on 24 Aug 2023

1 answer

150 views

RadSideDrawer not opening the DrawerContent for MAUI Windows

Hi Telerik,

I trying to run my app in windows, and observe that the Telerik RadSlideDrawer is not opening, to view the content, whereas the same code works fine in Android.

Code:

App in Windows:

App in Android (Works fine):

Thanks,

Mohammed Rameez Raza (Rameez).

SideDrawer

answered on 23 Aug 2023

1 answer

112 views

GaugeBarIndictor does not honor origin of axis and fill starts at 0 instead of Axis.Minimum

As an example, if we define the Axis (GaugeLinearAxis) Min and Max from -20 to 100, and the GaugeBarIndictor value is set to 35, the Fill starts at 0 and ends at 35, rather than starting at -20 and ending at 35.

Similarly, if the GaugeBarIndictor value is set to -10, the fill starts at 0, and ends at -10, rather than -20 to -10.

This behavior occurs on both windows and android.

Xaml

 <telerik:RadRadialGauge x:Name="gauge"
                            AutomationId="gauge">
        <telerik:RadRadialGauge.Axis>
            <telerik:GaugeLinearAxis x:Name="axis" />
        </telerik:RadRadialGauge.Axis>
        <telerik:RadRadialGauge.Indicators>
            <telerik:GaugeBarIndicator x:Name="barIndicator" />
            <telerik:GaugeNeedleIndicator x:Name="needle" />            
        </telerik:RadRadialGauge.Indicators>
        <telerik:RadRadialGauge.Ranges>
            <telerik:GaugeRangesDefinition x:Name="rangeDefinition">
                <telerik:GaugeGradientRange x:Name="mainRange">
                    <telerik:RadGradientStop x:Name="mainRangeStart" />
                    <telerik:RadGradientStop x:Name="mainRangeEnd" />
                </telerik:GaugeGradientRange>
            </telerik:GaugeRangesDefinition>
        </telerik:RadRadialGauge.Ranges>
    </telerik:RadRadialGauge>

Code Behind:

axis.Minimum = MinValue;
axis.Maximum = MaxValue;

private void SetValue(float? value)
{
        if (value == null)
        {           
            barIndicator.Value = MinValue;
        }
        else
        {        
            barIndicator.Value = value.Value;
        }
}

Gauge

updated answer on 22 Aug 2023

2 answers

243 views

RadDataGrid Maui Keyboard navigation

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.

DataGrid

answered on 21 Aug 2023

1 answer

311 views

Style for disabled RadEntry is not working

Hi,

I'm trying to apply style for a disabled RadEntry in my current project but it is not working. Tried both styling from VisualStateManager and Style.Triggers but not working. Also strange that when I use the style from IsEnabled = true, the style is now working. Here's my code from Styles.xaml

<Style TargetType="telerik:RadEntry">
    <Setter Property="FontFamily" Value="OpenSansRegular"/>
    <Setter Property="FontSize" Value="14"/>
    <Setter Property="TextColor" Value="{StaticResource FieldTextColor}" />
    <Setter Property="BorderBrush" Value="{StaticResource FieldBorderBrushColor}"/>
    <Setter Property="BorderThickness" Value="1,1,1,2"/>
    <Setter Property="FocusedBorderBrush" Value="{StaticResource FieldBorderBrushColor}"/>
    <Setter Property="BackgroundColor" Value="{StaticResource FieldBackgroundColor}"/>
    <Setter Property="VisualStateManager.VisualStateGroups">
        <VisualStateGroupList>
            <VisualStateGroup x:Name="CommonStates">
                <VisualState x:Name="Normal"/>
                <VisualState x:Name="Disabled">
                    <VisualState.Setters>
                        <Setter Property="BackgroundColor" Value="{StaticResource FieldInactiveColor}"></Setter>
                        <Setter Property="TextColor" Value="{StaticResource FieldTextInactiveColor}"></Setter>
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateGroupList>
    </Setter>
    <!--<Style.Triggers>
        <Trigger TargetType="telerik:RadEntry" Property="IsEnabled" Value="False">
            <Setter Property="BackgroundColor" Value="{StaticResource FieldInactiveColor}"/>
            <Setter Property="TextColor" Value="{StaticResource FieldTextInactiveColor}"/>
        </Trigger>
    </Style.Triggers>-->
</Style>

Screenshot from the app:

Style should be like this

Entry

General Discussions

answered on 21 Aug 2023

1 answer

222 views

RadDataGrid Column HeaderText wrapping

Hi,

I was trying to wrap the column header text for some of my columns in below DataGrid. for eg: Mininum Degree, Maximum Degree I want them to displayed in 2 lines:
Minimum | Maximum
Degree Degree

I have tried line breaks but didn't work

<telerik:RadDataGrid x:Name="SubfactorsGrid" ItemsSource="{Binding Subfactors}" AutoGenerateColumns="False" UserEditMode="None"
SelectionUnit="Row" RowHeight="30">
<telerik:RadDataGrid.Columns>
<telerik:DataGridTextColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="SubfactorKey" HeaderText="Key" SizeMode="Fixed" Width="100"/>
<telerik:DataGridTextColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="Name" HeaderText="Subfactor" SizeMode="Fixed" Width="250"/>
<telerik:DataGridTextColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="MinimumDegree" HeaderText="Minimum Degree" SizeMode="Fixed" Width="150"/>
<telerik:DataGridTextColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="MaximumDegree" HeaderText="Maximum Degree" SizeMode="Fixed" Width="150"/>
<telerik:DataGridTextColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="Granularity" HeaderText="Degree Granularity" SizeMode="Fixed" Width="150"/>
<telerik:DataGridTextColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="PercentWeight" HeaderText="Percent Weight" SizeMode="Fixed" Width="150"/>
<telerik:DataGridTextColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="DisplayOrder" HeaderText="Display Order" SizeMode="Fixed" Width="150"/>
<telerik:DataGridBooleanColumn HeaderStyle="{StaticResource columHeaderStyle}" PropertyName="IsOverrideProgression" HeaderText="Override Progression" SizeMode="Fixed" Width="200">
<telerik:DataGridColumn.CellContentTemplate>
<DataTemplate>
<telerik:RadCheckBox IsChecked="{Binding IsOverrideProgression}" IsEnabled="False"/>
</DataTemplate>
</telerik:DataGridColumn.CellContentTemplate>
</telerik:DataGridBooleanColumn>
</telerik:RadDataGrid.Columns>
</telerik:RadDataGrid>

DataGrid

answered on 18 Aug 2023