RibbonTab reduced interior in Q3

5 posts, 0 answers
  1. B
    B avatar
    74 posts
    Member since:
    Jul 2011

    Posted 25 Oct 2013 Link to this post

    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

     

  2. Kiril Vandov
    Admin
    Kiril Vandov avatar
    324 posts

    Posted 30 Oct 2013 Link to this post

    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 >>
  3. DevCraft banner
  4. B
    B avatar
    74 posts
    Member since:
    Jul 2011

    Posted 30 Oct 2013 Link to this post

    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
  5. Kiril Vandov
    Admin
    Kiril Vandov avatar
    324 posts

    Posted 31 Oct 2013 Link to this post

    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 >>
  6. B
    B avatar
    74 posts
    Member since:
    Jul 2011

    Posted 31 Oct 2013 Link to this post

    Hi Kiril,

    Thank you, changing the implicit style worked perfectly.

    Regards,

    Bayram
Back to Top
DevCraft banner