We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Hi,
I have a weird problem where when I navigate to a sub-menu (with colour pickers) returning to the first level menu options (or even opening the radial menu again) causes the menu item's icons etc. to appear in a different position.
I'm currently running 11.3.x of the controls.
Below is my XAML, any help would be greatly appreciated:
<Navigation:SfRadialMenu x:Name="RadialMenu" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,0,0" Canvas.Left="1010" Canvas.Top="530" RimActiveBrush="#FFB71234" RimHoverBrush="#FFB71234" RimBackground="#FFF2D0D6">
<Navigation:SfRadialMenu.Icon>
<Image Source="ms-appx:///Assets/Edit.ico" Width="48" Stretch="Uniform"/>
</Navigation:SfRadialMenu.Icon>
<Navigation:SfRadialMenuItem />
<Navigation:SfRadialMenuItem />
<Navigation:SfRadialMenuItem />
<Navigation:SfRadialMenuItem Name="AnnotateOption" CheckMode="None">
<Navigation:SfRadialMenuItem.Template>
<ControlTemplate>
<StackPanel Margin="20,20,20,20">
<Image HorizontalAlignment="Center" Height="32" Margin="0,0,0,0" VerticalAlignment="Top" Width="32" Source="Assets/Annotate.ico"/>
<TextBlock HorizontalAlignment="Center" Text="Annotate"></TextBlock>
</StackPanel>
</ControlTemplate>
</Navigation:SfRadialMenuItem.Template>
<Navigation:SfRadialColorItem x:Name="AnnotateRed" Tapped="AnnotateRed_Tapped" Color="Red" />
<Navigation:SfRadialColorItem x:Name="AnnotateBlue" Tapped="AnnotateBlue_Tapped" Color="Blue" />
<Navigation:SfRadialColorItem x:Name="AnnotateGreen" Tapped="AnnotateGreen_Tapped" Color="Green" />
</Navigation:SfRadialMenuItem>
<Navigation:SfRadialMenuItem Name="Highlight" CheckMode="None" Tapped="Highlight_Tapped">
<Navigation:SfRadialMenuItem.Template>
<ControlTemplate>
<StackPanel Margin="20,20,20,20">
<Image HorizontalAlignment="Center" Height="32" Margin="0,0,0,0" VerticalAlignment="Top" Width="32" Source="Assets/Highlight.ico"/>
<TextBlock HorizontalAlignment="Center" Text="Highlight"></TextBlock>
</StackPanel>
</ControlTemplate>
</Navigation:SfRadialMenuItem.Template>
<Navigation:SfRadialColorItem x:Name="HighlightHotPink" Tapped="HighlightHotPink_Tapped" Color="HotPink" />
<Navigation:SfRadialColorItem x:Name="HighlightYellow" Tapped="HighlightYellow_Tapped" Color="Yellow" />
<Navigation:SfRadialColorItem x:Name="HightlightGreenYellow" Tapped="HightlightGreenYellow_Tapped" Color="GreenYellow" />
</Navigation:SfRadialMenuItem>
<Navigation:SfRadialMenuItem Name="Comment" CheckMode="None">
<Navigation:SfRadialMenuItem.Template>
<ControlTemplate>
<StackPanel Margin="20,20,20,20">
<Image HorizontalAlignment="Center" Height="32" Margin="0,0,0,0" VerticalAlignment="Top" Width="32" Source="Assets/Comment.ico"/>
<TextBlock HorizontalAlignment="Center" Text="Comment"></TextBlock>
</StackPanel>
</ControlTemplate>
</Navigation:SfRadialMenuItem.Template>
</Navigation:SfRadialMenuItem>
<Navigation:SfRadialMenuItem Name="StopAnnotate" Visibility="Collapsed" CheckMode="None" Tapped="StopAnnotate_Tapped">
<Navigation:SfRadialMenuItem.Template>
<ControlTemplate>
<StackPanel Margin="20,20,20,20">
<Image HorizontalAlignment="Center" Height="32" Margin="0,0,0,0" VerticalAlignment="Top" Width="32" Source="Assets/StopAnnotating.ico"/>
<TextBlock HorizontalAlignment="Center" Text="Finish"></TextBlock>
</StackPanel>
</ControlTemplate>
</Navigation:SfRadialMenuItem.Template>
</Navigation:SfRadialMenuItem>
<Navigation:SfRadialMenuItem Name="AnnotateSpacer">
<Navigation:SfRadialMenuItem.Template>
<ControlTemplate>
<StackPanel Margin="20,20,20,20">
</StackPanel>
</ControlTemplate>
</Navigation:SfRadialMenuItem.Template>
</Navigation:SfRadialMenuItem>
</Navigation:SfRadialMenu>
