This is a migrated thread and some comments may be shown as answers.

RadRibbonView is too high in the Fluent theme

3 Answers 71 Views
RibbonView and RibbonWindow
This is a migrated thread and some comments may be shown as answers.
Patrick
Top achievements
Rank 2
Iron
Iron
Iron
Patrick asked on 11 Aug 2018, 05:18 AM

Hello,

In the documentation, it is said that the image for a large button should be 32 x 32 pixels. With images this size, there is a huge empty area in the bottom of the RibbonView.

If the height is correct, the buttons should be vertically aligned... or, better, a top margin should be added.

See the screenshot

3 Answers, 1 is accepted

Sort by
0
Vladimir Stoyanov
Telerik team
answered on 14 Aug 2018, 02:18 PM
Hello Patrick,

Thank you for the provided picture. 

You should be able to achieve what you are going for by setting the VerticalContentAlignment property of the RadRibbonButton. Here is an example:
<telerik:RadRibbonButton Size="Large" VerticalContentAlignment="Center"   />

Please give this approach a try and let me know how it goes?

I am looking forward to your reply.

Regards,
Vladimir Stoyanov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Patrick
Top achievements
Rank 2
Iron
Iron
Iron
answered on 14 Aug 2018, 03:01 PM

Hi Vladimir,

With other themes, I don't need to add a vertical alignment to the buttons to have them displayed correctly. All is in the theme.

If I add my own alignment, it will perhaps break other themes.

0
Vladimir Stoyanov
Telerik team
answered on 15 Aug 2018, 04:24 PM
Hello Patrick,

The style of the RadRibbonButton might differ slightly depending on the exact theme. As discussed in the other ticket with ID: 1337703, I have logged an item for the VerticalContentAlignment as well as the HorizontalContentAlignement properties of the RadRibbonButton to be set by default. However, do keep in mind that the RadRibbonButton's ControlTemplate has a trigger in the Fluent theme which sets its VerticalContentAlignment to Stretch when the Size property of the button is Large. This means that even if the VerticalContentAlignment is set to Center by default in the RadRibbonButton's style, its value will be changed if the Size of the button is Large, which is the intended behavior.

I hope you find this helpful. Should you have any additional questions or concerns, may I ask you to continue the conversation in ticket with ID: 1337703. This way we will be able to keep the discussion in one place. Thank you for your understanding.

Regards,
Vladimir Stoyanov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
RibbonView and RibbonWindow
Asked by
Patrick
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Vladimir Stoyanov
Telerik team
Patrick
Top achievements
Rank 2
Iron
Iron
Iron
Share this question
or