Remove background from RadSplitButtonElement on Ribbon

6 posts, 0 answers
  1. Patrick Barranis
    Patrick Barranis avatar
    68 posts
    Member since:
    Jul 2009

    Posted 08 Feb 2012 Link to this post

    Hi.  I am using a customized theme based on Office2010Black with the 2011 Q3 SP1 build.  I have noticed that all of the other items in the ribbon of my app have no background - their background is transparent and it shows the nice gradient of the ribbon.

    However, the RadSplitButtonElements on my ribbon have a background gradient on them.  I would like to remove this background so that they look like the rest of the buttons.  Since this is how the Microsoft Office 2010 applications do it (their Paste button is like a split button), I would like to do the same.

    I do not see a place to do this in the Visual Style Builder.  I looked under, in the VSB Controls Structure pane, RadRibbonBar --> RadRibbonBarGroup.  I expected to find a "SplitButtonInRibbon" element under RadRibbonBarGroup, but it's not there.

    How do I do what I want to accomplish with the VSB?  Thanks!
  2. Stefan
    Admin
    Stefan avatar
    2891 posts

    Posted 13 Feb 2012 Link to this post

    Hi Patrick,

    Thank you for writing.

    Most of our elements are being reused in the controls, which allows you to theme one element once and everywhere in your application it will be consistent. In order to theme RadSpliButtonElement which is in RadRibbonBar, please navigate to the RadSpliButton node in the VSB tree, expand the node and select RadSpliButtonElement. Then introduce the following modification to its elements,in order to achieve the desired look:
    • DropDownButtonArrowPartFill - remove ButtonNormalFill repository, select TransparentFill repository
    • DropDownButtonActionPartFill - remove ButtonNormalFill repository, select TransparentFill repository
    • DropDownButtonBorder - remove disable border repository , add transparent border repository
    • DropDownButtonArrowPartBorder - remove border repository, add transparent border repository
    • DropDownButtonActionPartBorder -  remove border repository, add transparent border repository
    • DropDownButtonSeparatorPart - remove border repository, add transparent border repository

    Let me know if you have any other questions.

    All the best,
    Stefan
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  3. UI for WinForms is Visual Studio 2017 Ready
  4. Patrick Barranis
    Patrick Barranis avatar
    68 posts
    Member since:
    Jul 2009

    Posted 13 Feb 2012 Link to this post

    Hi Stefan,

    Thank you for your response.  If I'm reading your answer correctly, you're suggesting I globally change the styling for all split buttons, including those that are on a form.  I only want to style the items that are on a ribbon.

    I had actually said "I expected to find a "SplitButtonInRibbon" element under RadRibbonBarGroup, but it's not there."  If I correctly understand how these items are setup in Style Builder, (for example) if I edit the RadDropDownButton's styling I'll affect all drop down buttons everyone.  But if I edit the "DropDownButtonInRibbon" I will only affect the drop down buttons that are on the ribbon.

    Am I correctly understanding?  And if so, how do I affect only the split buttons on the ribbon and not those on my forms?

    Thanks,
    Patrick
  5. Stefan
    Admin
    Stefan avatar
    2891 posts

    Posted 16 Feb 2012 Link to this post

    Hello Patrick,

    Thank you for your reply.

    You are correct, my reply says that in order to change the SplitButton appearance in RadRibbonBar you need to change it globally, since currently there is no separate element for the split button in the ribbon. If this solution does not work for you,you can create a separate theme based again on Office2010Black, that will contains styles just for RadRibbonBar and the modified RadSplitButton and you can apply this theme to your ribbon. This way you will have a separate theme for the ribbon and the split button and the rest of your split buttons in the application will have its default theme.

    Attached you can find the custom theme them I am talking about.

    Let me know if you have any other questions.

    Regards,
    Stefan
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  6. Patrick Barranis
    Patrick Barranis avatar
    68 posts
    Member since:
    Jul 2009

    Posted 17 Feb 2012 Link to this post

    Ahh, that makes sense - thank you!

    Can you please consider it a feature request that an item "SplitButtonInRibbon" would be nice to have added to the Visual Style Builder?

    Thanks!
  7. Stefan
    Admin
    Stefan avatar
    2891 posts

    Posted 22 Feb 2012 Link to this post

    Hi Patrick,

    I will do that. Here is a link to the feature request, where you can add your vote for it: http://www.telerik.com/support/pits.aspx#/public/winforms/9863

    Your Telerik points have been updated.

    Kind regards,
    Stefan
    the Telerik team
    RadControls for WinForms Q1'12 release is now live! Check out what's new or download a free trial >>
Back to Top
UI for WinForms is Visual Studio 2017 Ready