PopupButton Rounded Corners

Hi Daniel,

I believe you can set our attached themes:ThemeProperties.CornerRadius property.  We will add a PopupButton.CornerRadius property too for the next maintenance release that will be based on that attached property so it's even easier to set.

Hi there! I'm also looking into this and if I set the corner radius on a medium split button, like so

<ribbon:SplitButton
              Margin="10,0,0,0"
              themes:ThemeProperties.CornerRadius="15"
              ImageSourceSmall="/Images/Icons/Save16.png" Label="Medium SplitButton" ScreenTipDescription="This SplitButton has the default VariantSize of Medium." VerticalAlignment="Center">
  <ribbon:Menu>
    <ribbon:Button Label="Menu Item #1" />
    <ribbon:Button Label="Menu Item #2" />
    <ribbon:Button Label="Menu Item #3" />
  </ribbon:Menu>
</ribbon:SplitButton>

The result has some visual artifacts on hover over. Imgur Link Do you have any suggestions for resolving this? Additionally, is there a way to not have the rounding apply to the popup?

Thanks!

Hi Dan,

The current template for a medium ribbon:SplitButton was only geared for a small (0-2ish) corner radius.  We've updated it a bit for the next maintenance release to support a larger corner radius for those inner background fills.

Yes

<shared:PopupButton Margin="20,0,0,0" Width="150" Height="25" Content="My Popup Control"
DisplayMode="Split"
HasDropShadow="True"
themes:ThemeProperties.CornerRadius="3"
IsTransparencyModeEnabled="False">

does seem to do the job. Many thanks!