Questions on UI for .NET MAUI Forum

1 answer

192 views

Combobox object as a command parameter of a button

I have a button where I want to navigate to another page with the object of the combobox as the command parameter of the button that the user clicks. How do I reference the object in the command parameter.

<telerik:RadComboBox x:Name="arresteeListPicker" ItemsSource="{Binding Arrestees}"
                                           DisplayMemberPath="ArresteeFullName"
                                         Placeholder="Arrestees"
                                         IsEditable="False">
                        
                        <telerik:RadComboBox.ItemTemplate>
                            <DataTemplate x:DataType="model:Arrestee">
                                <Label Text="{Binding ArresteeFullName}"
                                      ></Label>
                            </DataTemplate>
                        </telerik:RadComboBox.ItemTemplate>
                    </telerik:RadComboBox>
                    <Button x:Name="selectArresteeBtn"
                            Text="Select"
                            Command="{Binding SelectArresteeCommand}" 
                            CommandParameter= ?????????
                            WidthRequest="70"
                            HorizontalOptions="Start"
                            Margin="0, 10, 0, 0"
                            />

Thank you in advance,

Scott

Button

ComboBox

answered on 05 Sep 2023

1 answer

77 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

answered on 04 Sep 2023

1 answer

277 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

80 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

116 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

116 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

107 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

77 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

166 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

203 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>