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

RibbonTab reduced interior in Q3

4 Answers 52 Views
RibbonView and RibbonWindow
This is a migrated thread and some comments may be shown as answers.
B
Top achievements
Rank 2
B asked on 25 Oct 2013, 09:23 AM

Hi,

 

The automatic dropdown RibbonTab you get when the amount of buttons gets too large has less vertical interior space for the icon + text. In my case this causes the icons to be cut off at the top.

 

This is caused by the extra border around it, while the total height was not increased.

 

I think it looks better without the border personally, so removing the border would work best for me.

 

See attached screenshots for Q2 (might be older actually since I didnt merge my implicit style a while) and Q3 to see what I mean, the button surrounded by a red border is a cutout from the top bar:

  • In Q2 the dark gray part matches
  • in Q3 the dark gray part is lower then the dropdown buttons.

I checked the default office black style too (as opposed to implicit), this has the same issue.

Regards,

 

Bayram

 

4 Answers, 1 is accepted

Sort by
0
Kiril Vandov
Telerik team
answered on 30 Oct 2013, 07:37 AM
Hello Bayram,

Unfortunately we were not able to reproduce this issue on our side. That is why I would like to ask you for more information about your scenario:
- do you have any margin/padding applied to your buttons.
- what is the side of the Images applied to the buttons.

Could you please take a look at the sample project and modify it if possible in order to help us reproduce the issue on our side.

Thank you for your cooperation.

Kind regards,
Kiril Vandov
Telerik
TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for SILVERLIGHT.
Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
Sign up for Free application insights >>
0
B
Top achievements
Rank 2
answered on 30 Oct 2013, 08:57 AM
Hi Kiril,

But you did reproduce it: in your example I can see that the drop down button area is smaller height compared to the normal bar. Here is a screenshot of your example (I made a copy of the ribbongroup to make it easier to make the screenshot)

Regards,

Bayram
0
Kiril Vandov
Telerik team
answered on 31 Oct 2013, 01:16 PM
Hello Bayram,

Please excuse me for misunderstanding the issue you are reporting. You are right that the height of the RadRibbonGroup in collapsed state is smaller than the one in not collapsed state. That is why I have create a PITS item and you could track its progress here. I also updated your Telerik points.

Until the issue is fixed as a workaround you could apply implicit style to the RadRibbonGroup. The issue is caused by the style applied to the RadRibbonDropDownButton with x:Name="CollapsedButton"  in the RadRibbonGroup template. In the custom button style there is a BorderThickness and Padding applied to the Popup element("DropDownPopup") which should be set to "0".

I have attached a sample project with the implemented workaround for your convenience.

Please excuse us for the inconvenience caused.

Regards,
Kiril Vandov
Telerik
TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for SILVERLIGHT.
Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
Sign up for Free application insights >>
0
B
Top achievements
Rank 2
answered on 31 Oct 2013, 03:28 PM
Hi Kiril,

Thank you, changing the implicit style worked perfectly.

Regards,

Bayram
Tags
RibbonView and RibbonWindow
Asked by
B
Top achievements
Rank 2
Answers by
Kiril Vandov
Telerik team
B
Top achievements
Rank 2
Share this question
or