Hi,

I'am testing Telerik .NET MAUI controls for windows and android. FontFamily property of columns (both for xaml and app.xaml) not working. If an embedded font is choosen for whole application, DataGrids look different from other parts of the application

here is my xaml, "fnt_bold" is a MauiFont in resources. All other ui components are shown in my font

                <telerik:RadDataGrid x:Name="dataGrid" AutoGenerateColumns="False" UserEditMode="None" UserGroupMode="Disabled" SelectionMode="Single" SelectionUnit="Row"  >
                    <telerik:RadDataGrid.Columns>
                        <telerik:DataGridTextColumn PropertyName="ID" HeaderText="RefID" Width="60" SizeMode="Fixed">
                            <telerik:DataGridTextColumn.CellContentStyle>
                                <telerik:DataGridTextCellStyle FontFamily="fnt_bold" FontSize="12.25"/>
                            </telerik:DataGridTextColumn.CellContentStyle>
                        </telerik:DataGridTextColumn>
                        <telerik:DataGridTextColumn PropertyName="CODE" HeaderText="Code" Width="80" SizeMode="Fixed">
                            <telerik:DataGridTextColumn.CellContentStyle>
                                <telerik:DataGridTextCellStyle FontFamily="fnt_bold" FontSize="12.25"/>
                            </telerik:DataGridTextColumn.CellContentStyle>
                        </telerik:DataGridTextColumn>
                        <telerik:DataGridTextColumn PropertyName="NAME" HeaderText="Name" Width="250" SizeMode="Fixed">
                            <telerik:DataGridTextColumn.CellContentStyle>
                                 <telerik:DataGridTextCellStyle FontFamily="fnt_regular" FontSize="12.25"/>
                            </telerik:DataGridTextColumn.CellContentStyle>
                        </telerik:DataGridTextColumn>
                    </telerik:RadDataGrid.Columns>
                </telerik:RadDataGrid>

I have attached a screenshot from my test app.

I also checked the sample telerik android app (Telerik UI for .NET MAUI Controls). DataGrid components in Telerik Sample app also dont use the expected font unlike all other ui components.

Just one of the DataGrid samples of one column in the sample app has the correct fontfamily property. I have attached that screenshot also. I couldn't figure out how to implement it.

Am i missing something?

Thanks in advance.

Ender

When navigating to DataGrid examples, xaml binding errors occur for ActualWidth and Header Text. 

Still, the app runs as expected. 

Keep the data grouped, make the window a bit smaller so you have a decent amount of rows to scroll through, and using your mouse wheel, scroll up and down quickly. Eventually you'll notice that the grid will start to bounce a bit. For example, you'll scroll down and then without scrolling the mouse wheel up at all, it'll jump back up a few rows on its own.

Starting with v10, all groups except the last, get a blank, empty row.

If you toggle off the grouping, the empty rows go away, but once you put the grouping on, these empty rows show up again.

Some data is missing from the UI when grouping is applied and then filter the data. 

If you ungroup, the items are displayed.

.Net Maui Data Grid Property Aggregator Descriptor incorrect placement on Mac

We’ve encountered an issue related to the inner DataGrid within an outer DataGrid’s RowDetailsTemplate:

Steps to reproduce:

1. Create a DataGrid with editable cells and row details.
2. Inside the RowDetailsTemplate, place a layout (e.g., Grid).
3. Within this layout, embed another DataGrid with editable cells.
4. Start the application and expand row details on the Android platform.
5. Double-tap on any inner DataGrid's cell to open the cell editor. 

At this moment the UI appears unresponsive.

Hi Team,

I have attached a reproducible. Open DashboardView.xaml, there you'll find the DataGrid.

Run the project on Windows and take the following steps:

• Step 1. Run the app and click Button 1 to load an instance of this ContentView
  
  • Observe => The DataGrid renders as expected
    
• Step 2. Click Button 1 again to reset and load a new instance of this ContentView
  
  • Observe => The DataGrid will NOT render (you can repeat this step multiple times)
• Step 3. Resize the app window
  • Observe the DataGrid will be rendered again

The only way I could get it to render again was by resizing the app window, even calling InvalidateMeasure(SizeChanged) didn't work.

The logic is simple, the button click just clears MainPage.xaml's container children and adds a new instance of DashboardView:

private void OnButton1Clicked(object sender, EventArgs e)
{
    currentContentViewHolder.Children.Clear();
    currentContentViewHolder.Children.Add(new DashboardView());
}

DataGrid is added inside pages that can be accessed through shell flyout menu. 

And the exact steps to reproduce the issue:

If I use the CellEditTemplate to show a custom view when editing - the view does not get auto focus when shown and the end user needs to tap inside so the view gets focus.

  <telerik:DataGridTextColumn PropertyName="CountryName" HeaderText="Country">
    <telerik:DataGridTextColumn.CellEditTemplate>
      <DataTemplate>
        <telerik:RadEntry Text="{Binding Item.CountryName}" />
      </DataTemplate>
    </telerik:DataGridTextColumn.CellEditTemplate>
  </telerik:DataGridTextColumn>

Work-around:

Manually invoke the Focus() method and set the cursor position when the view gets loaded and when it changes its visibility:

  <telerik:RadEntry Text="{Binding Item.CountryName}"
      Loaded="RadEntry_Loaded"
      PropertyChanged="RadEntry_PropertyChanged" />

private void RadEntry_PropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e)
{
  if (e.PropertyName == nameof(View.IsVisible))
  {
    RadEntry entry = (RadEntry)sender;
    if (entry.IsVisible)
    {
      FocusEntry(entry);
    }
  }
}

private void RadEntry_Loaded(object sender, EventArgs e)
{
  FocusEntry((RadEntry)sender);
}

private static void FocusEntry(RadEntry entry)
{
  entry.Dispatcher.DispatchDelayed(TimeSpan.FromMilliseconds(1), () =>
  {
    entry.Focus();
    entry.CursorPosition = entry.Text?.Length ?? 0;
  });
}