RadialMenu Sub İtem icon - text design problem.

[Tayyip Emre ÖRNEK]

Hello,

radial menu sub item also has a visual difference between ios and android.

On the ios side, while icon and text come under, it does not come on android.

the back button in the middle does not appear on android.

for (int y = 0; y < radialMenuItems[x].Items.Count; y++)

{

     radialSubMenuItem = new SfRadialMenuItem();

     radialSubMenuItem.IconFontFamily = fontFamily;

     radialSubMenuItem.Text = radialMenuItems[x].Items[y].Event.Text;

     radialSubMenuItem.FontIconText = radialMenuItems[x].Items[y].IconCs;

     radialSubMenuItem.IconFontColor = Color.Black;

     radialSubMenuItem.HorizontalOptions = LayoutOptions.Center;

     radialSubMenuItem.VerticalOptions = LayoutOptions.Center;

     radialSubMenuItem.FontSize = 12;

     radialSubMenuItem.ItemWidth = 50;

     radial_Menu.Items[x].Items.Add(radialSubMenuItem);

}

Attachment: Screen_Shot_20200510_at_22.31.15.png_1d087ecf.zip

[Sakthivel Palaniyappan]

Hi Tayyip,

Greetings from Syncfusion.

Query 1: FontIcon and Text appearing overlapping

We have prepared a sample based on your code snippet and we are able to reproduce the reported issue in Android platform. We are currently validating on this and will update the details on or before May 14.

Query 2: The back button in the middle does not appear on android.

We are not able to reproduce the reported issue at our end. Please find the sample from below link,

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/GettingStarted_3-1118997847

Please check with the above sample and if the issue still persists, can you  please revert us by modifying the sample with issue reproducing steps or provide the sample which will be helpful for us to analyze further and provide an appropriate solution.

Regards,
Sakthivel P. 

[Tayyip Emre ÖRNEK]

Hi Tayyip,

Greetings from Syncfusion.

Query 1: FontIcon and Text appearing overlapping

We have prepared a sample based on your code snippet and we are able to reproduce the reported issue in Android platform. We are currently validating on this and will update the details on or before May 14.

Query 2: The back button in the middle does not appear on android.

We are not able to reproduce the reported issue at our end. Please find the sample from below link,

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/GettingStarted_3-1118997847

Please check with the above sample and if the issue still persists, can you  please revert us by modifying the sample with issue reproducing steps or provide the sample which will be helpful for us to analyze further and provide an appropriate solution.

Regards,
Sakthivel P. 

Query 1 solution

                            var stackLayoutSub = new StackLayout();

                            var labelIconSub = new Label()

                            {

                                Text = radialMenuItems[x].Items[y].IconCs,

                                FontFamily = fontFamily,

                                FontSize = 20,

                                TextColor = Color.Black,

                                VerticalOptions = LayoutOptions.Center,

                                HorizontalOptions = LayoutOptions.Center,

                            };

                            var labelTextSub = new Label()

                            {

                                Text = radialMenuItems[x].Items[y].Event.Text,

                                FontSize = 10,

                                TextColor = Color.Black,

                                VerticalOptions = LayoutOptions.Center,

                                HorizontalOptions = LayoutOptions.Center,

                            };

                            stackLayoutSub.Children.Add(labelIconSub);

                            stackLayoutSub.Children.Add(labelTextSub);

                            

                            radial_Menu.Items[x].Items.Add(new SfRadialMenuItem()

                            {

                                View = stackLayoutSub,

                            });

Query 2

the icon in the middle still does not appear on the android side.

[Ramya Soundar Rajan]

Hi Tayyip, 

 

Thanks for the update. 

 

Query 1: FontIcon and Text appearing overlapping 

 

We are glad to know that you have achieved your requirement.  

 

Query 2: The back button in the middle does not appear on android. 

 

Please provide additional information for the above query, 

 

·       Is any custom FontIcon Text provided for Back Button. 

·       Is reported issue reproduced in the last provided sample also? 

 

If you are still facing an issue, please modify the provided sample with the issue or provide sample which will be helpful for us to provide the solution at the earliest. 

 

Regards, 

Ramya S