Group and More button icons missing on iOS

[Jeremy]

On iOS, the icons for the DataGrid column popup modal are missing (they show as a question mark). They show up fine on Android. See attached image.

 

In this case, I've disabled filtering, so the popups only show the "Group" and "More" (column chooser) buttons. The buttons work, but the icons are missing.

OS: iOS 12.0, various devices.

Xamarin.Forms: 3.2.0.839982

Telerik.UI.for.Xamarin: 2018.3.912.1 (also affects 2018.3.1018.1)

XAML:

<tdg:RadDataGrid x:Name="eventsGrid" IsVisible="{Binding ShowEventsData}"
                                             ItemsSource="{Binding Events}"
                                             HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"
                                             StyleClass="TelerikTheme"
                                             AlternateRowBackgroundStyle="{StaticResource DefaultDataGridAlternatingRowStyle}"
                                             GroupHeaderStyle="{StaticResource DefaultDataGridGroupHeaderStyle}"
                                             AutoGenerateColumns="False"
                                             SelectionMode="None"
                                             UserEditMode="None">
                                <tdg:RadDataGrid.Columns>
                                    <tdg:DataGridTextColumn PropertyName="Op"
                                                            HeaderText="Op"
                                                            CanUserFilter="False"
                                                            HeaderStyle="{StaticResource DefaultDataGridColumnHeaderStyle}"
                                                            CellContentStyle="{StaticResource DefaultDataGridTextCellStyle}" />

                                    <tdg:DataGridTextColumn PropertyName="EventDescription"
                                                            HeaderText="Event Description"
                                                            CanUserFilter="False"
                                                            HeaderStyle="{StaticResource DefaultDataGridColumnHeaderStyle}"
                                                            CellContentStyle="{StaticResource DefaultDataGridTextCellStyle}" />

                                    <tdg:DataGridDateColumn PropertyName="EventStart"
                                                            HeaderText="Start"
                                                            CanUserFilter="False"
                                                            IsVisible="False"
                                                            CellContentFormat="{}{0:MM/dd/yy hh:mm:ss tt}"
                                                            HeaderStyle="{StaticResource DefaultDataGridColumnHeaderStyle}"
                                                            CellContentStyle="{StaticResource DefaultDataGridTextCellStyle}" />

                                    <tdg:DataGridDateColumn PropertyName="EventEnd"
                                                            HeaderText="End"
                                                            CanUserFilter="False"
                                                            IsVisible="False"
                                                            CellContentFormat="{}{0:MM/dd/yy hh:mm:ss tt}"
                                                            HeaderStyle="{StaticResource DefaultDataGridColumnHeaderStyle}"
                                                            CellContentStyle="{StaticResource DefaultDataGridTextCellStyle}" />

                                    <tdg:DataGridNumericalColumn PropertyName="Minutes" 
                                                                 HeaderText="Minutes" 
                                                                 CanUserFilter="False"
                                                                 CellContentFormat="{}{0,0:F2}"
                                                                 HeaderStyle="{StaticResource DefaultDataGridColumnHeaderStyle}"
                                                                 CellContentStyle="{StaticResource DefaultDataGridTextCellStyle}" />
                                </tdg:RadDataGrid.Columns>
                            </tdg:RadDataGrid>

[Didi]

Hi Jeremy,

Thank you for the provided code and screenshot.

I have tested the scenario you have but I could not reproduce the described behavior. Please run the attached project and let me know if you could reproduce the behavior in it. Also may I ask you to modify the attached project regarding your setup and send it back to me? Note that you should open a support ticket and attach it there because in the forum only image attachments are allowed. 

Thanks in advance.

Regards,
Didi
Progress Telerik

[Jeremy]

This version of the project does not reproduce the missing icons, but when I modified that project with our styling and layout (just a simple StackLayout as the RadDataGrid parent, with a couple of sibling controls), it does reproduce the issue. I have opened a support ticket (1348344) and attached the modified project that reproduces the issue.

[Didi]

Hi Jeremy,

Thank you for modifying the project and attaching it in the support ticket. It helped a lot for investigating where the issue came from. You can find the answer in the support thread. I would like to ask you to continue the conversation there in case of any further questions. Thank you for your understanding.

Regards,
Didi
Progress Telerik