Fill Entire Center Button and Items with images.

[Rabi]

I am trying to create a radial menu with the center and each item as a picture that fills in the whole center or item (see attached picture). I tried the following while the center image is clipped the image control on the items are shrunk and not clipped.

            <sf:SfRadialMenu x:Name="radialMenu" CenterButtonRadius="100"
                             Closing="Handle_Closing"
                             RimColor="Transparent" RimRadius="150" 
                             IsDragEnabled="false" IsOpen="true" >
                <sf:SfRadialMenu.CenterButtonView>
                    <Image Source="CenterButton" />
                </sf:SfRadialMenu.CenterButtonView>
                <sf:SfRadialMenu.Items>
                    <sf:SfRadialMenuItem>
                        <sf:SfRadialMenuItem.View>
                            <Image Source="CenterButton" MinimumHeightRequest="200" MinimumWidthRequest="200" />
                        </sf:SfRadialMenuItem.View>
                    </sf:SfRadialMenuItem>
                    <sf:SfRadialMenuItem>
                        <sf:SfRadialMenuItem.View>
                            <Image Source="CenterButton" MinimumHeightRequest="200" MinimumWidthRequest="200" />
                        </sf:SfRadialMenuItem.View>
                    </sf:SfRadialMenuItem>
                    <sf:SfRadialMenuItem>
                        <sf:SfRadialMenuItem.View>
                            <Image Source="CenterButton" MinimumHeightRequest="200" MinimumWidthRequest="200" />
                        </sf:SfRadialMenuItem.View>
                    </sf:SfRadialMenuItem>
                    <sf:SfRadialMenuItem>
                        <sf:SfRadialMenuItem.View>
                            <Image Source="CenterButton" MinimumHeightRequest="200" MinimumWidthRequest="200" />
                        </sf:SfRadialMenuItem.View>
                    </sf:SfRadialMenuItem>
                    <sf:SfRadialMenuItem>
                        <sf:SfRadialMenuItem.View>
                            <Image Source="CenterButton" MinimumHeightRequest="200" MinimumWidthRequest="200" />
                        </sf:SfRadialMenuItem.View>
                    </sf:SfRadialMenuItem>
                    <sf:SfRadialMenuItem>
                        <sf:SfRadialMenuItem.View>
                            <Image Source="CenterButton" MinimumHeightRequest="200" MinimumWidthRequest="200" />
                        </sf:SfRadialMenuItem.View>
                    </sf:SfRadialMenuItem>
                    <sf:SfRadialMenuItem>
                        <sf:SfRadialMenuItem.View>
                            <Image Source="CenterButton" MinimumHeightRequest="200" MinimumWidthRequest="200" />
                        </sf:SfRadialMenuItem.View>
                    </sf:SfRadialMenuItem>
                    <sf:SfRadialMenuItem>
                        <sf:SfRadialMenuItem.View>
                            <Image Source="CenterButton" MinimumHeightRequest="200" MinimumWidthRequest="200" />
                        </sf:SfRadialMenuItem.View>
                    </sf:SfRadialMenuItem>
                </sf:SfRadialMenu.Items>
            </sf:SfRadialMenu>

One annoying thing is that on certain radius like 75 the image is no longer filling the screen. Instead, the image files only 25% of the center button. Finally is there a way to force the menu to be open? I tried using IsOpen however it is not doing anything.

Thanks

Attachment: Screen_Shot_20180301_at_4.43.22_PM_6c753813.zip

[Rabhia Beham Kathar Mideenar]

Hi Rabi,

Thanks for Contacting Syncfusion Support.

Currently we do not have Support for the exact requirement in the screenshot.Our SfRadialMenu Control is implemented with RoundedView and the item inside the RadialMenu gets loaded with rounded view.We have prepared a sample with SfRadialMenu Control.Please have the sample from the below link.

Please let us know if you have any concern.

Regards,
Rabhia Beham K.

[Rabhia Beham Kathar Mideenar]

Hi Rabi,

Sorry for the inconvenience.

Please ignore the previous update.Currently we do not have Support for the exact requirement in the screenshot.Our SfRadialMenu Control is implemented with RoundedView and the item inside the RadialMenu gets loaded with rounded view.We have prepared a sample with SfRadialMenu Control.Please have the sample from the below link.

Sample Link: http://www.syncfusion.com/downloads/support/forum/136200/ze/RadialMenu_GettingStarted_4-1603983109_(2)-1036856124 

Please let us know if you have any query.

Regards,
Rabhia Beham K.