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

Please provide the Full Data Grid Column Header Control Template for customization.  The DataGrid Column Header content template is useful but we would like full control of the Column Header Control Template.

Provide support for nested properties with null values. 

Currently when using the following scenario: null ref exception is throw, when manager is null:

private Person _manager;
public Person Manager
{
    get { return _manager; }
    set { UpdateValue(ref _manager, value); }
}

<telerik:DataGridTextColumn PropertyName="Manager.Name" 
                            HeaderText="Manager"/>

Provide support for null values when nested properties are used in datagrid columns.

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

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;
  });
}

scrolling is not smooth (items jump up/down when scrolling)

Tested on Samsung S9+ and S10