Under Review
Last Updated: 01 Sep 2020 11:59 by ADMIN
Mahmoud
Created on: 27 Aug 2020 10:41
Category: DataGrid
Type: Bug Report
0
datagrid HeaderContentTemplates swapped when item source changed

if the Flow Direction RTL

the sort of columns changing each time item source changed when customize HeaderContentTemplates  as a data template

 

and if HeaderText ysed instead of customizing label as data template the Arabic letters not shown correctly

3 comments
ADMIN
Yana
Posted on: 01 Sep 2020 11:59

Hello Mahmoud,

I would need more details on the exact scenario as I wasn't able to reproduce the described behavior only with the provided style and template.  Would it be possible to try to isolate it in a simple runnable solution and send it over, so I can take a look?

Thank you in advance for your cooperation on this.

Regards,
Yana
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Mahmoud
Posted on: 31 Aug 2020 09:27

DataGridColumnHeaderStyle = new DataGridColumnHeaderStyle
            {
                OptionsButtonTextColor = Color.Transparent,
                TextFontFamily = SetFontFamily(ExtFontAttributes.Regular),
                BackgroundColor = Color.Transparent,
                BorderColor = Color.FromHex("#707070"),
                TextFontSize = 0,
                BorderThickness = 0,
                HorizontalTextAlignment = TextAlignment.Center,
                VerticalTextAlignment = TextAlignment.Center,

            };

 

var column_HeaderTemplate = new DataTemplate(() =>
            {
                var Lbl_header = new Label()
                {
                    HorizontalOptions = LayoutOptions.Center,
                    FontFamily = SetFontFamily(ExtFontAttributes.Regular),
                    VerticalOptions = LayoutOptions.Center,
                    HeightRequest = 20,
                    Margin = 15
                };
                Lbl_header.Text = columnName;
                return Lbl_header;
            });

            var new_Column = new DataGridTemplateColumn() { HeaderContentTemplate = column_HeaderTemplate };
            new_Column.HeaderStyle = DataGridColumnHeaderStyle;

 

and the table will renderer good then when trying to change itemsSource the columns names blurring and swapped,

sometimes some columns headers duplicated

but data columns still great with same sort that i added

ADMIN
Yana
Posted on: 31 Aug 2020 05:20

Hi Mahmoud,

First, regarding the issue with Arabic letters not shown correctly - this is a known problem related to the SkiaSharp library we're using for rendering RadDataGrid. We've been researching this issue and came to the conclusion we'll not be able to provide a fix in our code as none of the suggested solutions from the Skia team was applicable to our DataGrid control. So, the workaround is to use custom templates. For more details on the matter please refer to the following feedback item: 

DataGrid: [Android][UWP] Some languages are not properly rendered by SkiaSharp elements

As to the other issue with RTL flow direction - would it be possible to elaborate a little bit more on the scenario? Some sample code would be of great help in reproducing and researching the case.

I look forward to your reply.

Regards,
Yana
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive , special prizes and more, for FREE?! Register now for DevReach 2.0(20).