[Solved] RadRibbonDropDownButton DropDownButtonPosition

[Steve]

I find that if I set the Size to Large the DropDown button is always positioned at the bottom, regardless of the setting of DropDownButtonPosition (see image). Is this intentional?

Here is my code:

 

<telerik:RadRibbonGroup Header="XXX">

  

<telerik:RadRibbonDropDownButton Content="New"

                                 LargeImage="/xxx;component/Images/NewDocument32.png" 
                                 Size="Large"
                                 DropDownButtonPosition="Right" />

  

<telerik:RadRibbonButton Text="Open"
                         LargeImage="/xxx;component/Images/OpeningFolder32.png"
                         Size="Large" />

  

</telerik:RadRibbonGroup>

 

 

 

 

[Petar Mladenov]

Hi Steve,

This is the expected behavior of the RadRibbonDropDownButton, since its design follows the RibbonBar guidance specification.

However, I would like to point out a few things.

The SmallImage/LargeImage and Text properties are exposed to facilitate your efforts when sizing the RadRibbonDropDownButton through the Size property. By design when the Size property is set to "Large", the Text is always placed under the LargeImage and the DropDownButtonPosition is bottom. When the Size is "Small" only the SmallImage is displayed.

The Content property, on the other hand, is exposed to allow further customization of the RadRibbonDropDownButton content. Therefore, in your case you can define a StackPanel containing an Image and a TextBlock as a RadRibbonDropDownButton.Content. Then, if no Size is set, you will be able to control the DropDownButtonPosition.

I hope this helps you. Feel free to ask if you need more info. 

All the best,

Petar Mladenov
the Telerik team

[Steve]

Hi Petar,
The reason I wanted to move the dropdown arrow from the bottom was to avoid it covering up the text - however I have sorted it simply by having Text="New" rather than Content="New", so I am happy with the arrow staying at the bottom.

Cheers,
Steve