Questions on UI for .NET MAUI Forum

1 answer

1.1K+ views

Data Grid - pagination + scrool bar

Hi,

1. want to know how I do pagination to RadDataGrid ? for 20/50/200 rows.

2.Scroll view

Thanks,

DataGrid

answered on 17 Mar 2022

1 answer

111 views

RadDateTimePicker - style

Hi,

I want to remove the button that open the RadDateTimePicker to hand like in css?

Is it possible?

Thanks,

DatePicker

answered on 17 Mar 2022

2 answers

1.2K+ views

DataGrid selected item is null ? Why?

Hi,

DataGrid selected item is null ? Why?

private void OnResultsDataGridSelectionChanged(object sender, Telerik.XamarinForms.DataGrid.DataGridSelectionChangedEventArgs e)
    {
        var resultsDataGrid = sender as Telerik.XamarinForms.DataGrid.RadDataGrid;
        if (resultsDataGrid != null)
        {
           var selectedItem = resultsDataGrid.SelectedItem.ToString();
           if(selectedItem != null)
           {

           }
        }
    }

 <telerikDataGrid:RadDataGrid Grid.Row="4" Grid.Column="0" x:Name="resultsDataGrid" Margin="10"
                AutoGenerateColumns="False" SelectionChanged="OnResultsDataGridSelectionChanged">

DataGrid

answered on 17 Mar 2022

1 answer

117 views

telerikInput:RadEntry - Blue border ?

Hi,

Why telerikInput:RadEntry - has Blue border ?

<telerikInput:RadEntry Grid.Row="0" Grid.Column="2" x:Name="txtName" WatermarkText="Name" WidthRequest="200" Text="{Binding SchedulerName, Mode=TwoWay}"/>

General Discussions

answered on 16 Mar 2022

1 answer

196 views

Chart not refresh according to filter.

Hi,

I have two RadDateTimePicker from && two RadButton.

In the command button I filter the chart,

The data is ok but the chart is not refreshed.

The chart load OK on view loaded.

 <ContentView.BindingContext>
        <local:DashboardViewModel/>
    </ContentView.BindingContext> 
<VerticalStackLayout ><HorizontalStackLayout><Label Text="From:" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" /><telerikInput:RadDateTimePicker x:Name="fromDateTimePicker" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" Margin="5" HeightRequest="60" WidthRequest="150"
                                                        Date="{Binding FromDate, Mode=TwoWay}"/></HorizontalStackLayout><HorizontalStackLayout><Label Text="To:" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" Margin="0,0,20,0"/><telerikInput:RadDateTimePicker x:Name="toDateTimePicker" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" Margin="5" HeightRequest="60" WidthRequest="150"
                                                         Date="{Binding ToDate, Mode=TwoWay}"/></HorizontalStackLayout><telerik:RadButton  AutomationId="button" Text="Search" HorizontalOptions="CenterAndExpand" VerticalOptions="Center"  BackgroundColor="#1ABB9C" Margin="5"  Command="{Binding OnDashBoardCommand}"/></VerticalStackLayout>

           <telerikChart:RadCartesianChart Grid.Row="4" Grid.Column="0" x:Name="totalFilesDividedByRoutesChart">
                <telerikChart:RadCartesianChart.BindingContext>
                    <local:DashboardViewModel />
                </telerikChart:RadCartesianChart.BindingContext>
                <telerikChart:RadCartesianChart.HorizontalAxis>
                    <telerikChart:CategoricalAxis PlotMode="OnTicks"/>
                 </telerikChart:RadCartesianChart.HorizontalAxis>
                <telerikChart:RadCartesianChart.VerticalAxis>
                    <telerikChart:NumericalAxis LabelFitMode="MultiLine" />
                </telerikChart:RadCartesianChart.VerticalAxis>
                <telerikChart:RadCartesianChart.Series>
                    <telerikChart:BarSeries ValueBinding="Value"
                                    CategoryBinding="RouteName"
                                    ItemsSource="{Binding TotalFilesDividedByRoutesDataSource}" />
                </telerikChart:RadCartesianChart.Series>
            </telerikChart:RadCartesianChart>

public class DashboardViewModel: BaseViewModel
    {
OnDashBoardCommand = new Command(execute: () =>
            {
                    GetDataTotalFilesDividedByRoutesData();
            },
            canExecute: () => {
                if (!(FromDate.HasValue && ToDate.HasValue))
                {
                    return false;
                }
                return FromDate.Value <= ToDate.Value;
            });
TotalFilesDividedByRoutesDataSource = new ObservableCollection<TotalFilesDividedByRoutesData>();
             GetDataTotalFilesDividedByRoutesData();
}
 public ObservableCollection<TotalFilesDividedByRoutesData> TotalFilesDividedByRoutesDataSource { get; private set; }


  private void GetDataTotalFilesDividedByRoutesData()
        {
            if (!(FromDate.HasValue && ToDate.HasValue))
            {
                return ;
            }

.....

TotalFilesDividedByRoutesDataSource.Clear();
            TotalFilesDividedByRoutesDataSource = new ObservableCollection<TotalFilesDividedByRoutesData>(computedData.AsEnumerable());
}

answered on 16 Mar 2022

1 answer

382 views

Set the text of telerikPrimitives:RadCheckBox

Hi,

1. How do I set the text of telerikPrimitives:RadCheckBox?

2,. Documents: https://docs.telerik.com/devtools/maui/controls/checkbox/checkbox-overview

  <telerikPrimitives:RadCheckBox x:Name="checkboxSunday"  IsChecked="{Binding Sunday, Mode=TwoWay}"/>

3. On window it checked only after two clicks on checking why ?

4.How I style the background for all checkbock in app xaml?

CheckBox

answered on 16 Mar 2022

1 answer

2.3K+ views

Radio - button group

Hi,

I would like to get small of radio buttons group asshow in picture?

Thanks,

Button

answered on 16 Mar 2022

1 answer

713 views

Telerik MAUI template in Full Screen

Hi,

I would like to know when I use Telerik MAUI template, how it can open in full screen ?

Thanks,

General Discussions

answered on 16 Mar 2022

0 answers

132 views

RadListPicker - probelm with binnding

Hi,

There is problem with binding.

   <ContentView.BindingContext>
        <local:HistoryViewModel/>
    </ContentView.BindingContext><telerikInput:RadListPicker x:Name="typeListPicker" Placeholder="Select Type" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" HeightRequest="40" WidthRequest="200" Margin="5"
                          ItemsSource="{Binding TypesItems}"
                          DisplayMemberPath="Value"
                         SelectedItem="{Binding Types, Mode=TwoWay}"><telerikInput:RadListPicker.ItemTemplate><DataTemplate><Label Text="{Binding Value}"
                         HorizontalTextAlignment="Center"
                         VerticalTextAlignment="Center"/></DataTemplate></telerikInput:RadListPicker.ItemTemplate></telerikInput:RadListPicker>

 private SchedulerTypeItem _types; 
  public HistoryViewModel()
        {
     
InitTypesItem();
}

   private void InitTypesItem()
        {
            TypesItems = new ObservableCollection<TypesItem>()

            {
              new TypesItem { Value = "Push" },
              new TypesItem { Value = "Pull" },
             };
        }

  public SchedulerTypeItem Types
        {
            get
            {
                return _types;
            }
            set
            {
                if (_types != value)
                {
                    _types = value;
                    OnPropertyChanged();
                }
            }
        }

Commad
======
if (Types != null && !string.IsNullOrEmpty(Types.Value)) // throw init innitlized exception
            {
                historyReport = new ObservableCollection<HistoryReport>(historyReport.Where(hr => hr.Type == Types.Value));
            }

ListPicker