Visual Style Builder - Application Button Background Color and Ribbon Form Group background/padding

2 Answers 79 Views
RibbonForm Themes and Visual Style Builder
Curtis
Top achievements
Rank 1
Iron
Iron
Veteran
Curtis asked on 05 Oct 2023, 11:27 PM

Hello!

I have two questions:

1) I'm trying (without success) to change the background color of my Application Menu (button?) Button on the left side of the Ribbon that opens (in my case) to the Backstage from inside Visual Style Builder.  Can you point me to the correct element please?

2) This one is a little more difficult to explain - I'll be attaching before/after images in case I'm not as clear as I'd like to be.

using RadRibbonForm there are Tabs.  Under the Tabs are Groups.  These groups contain buttons, lists, etc that live on the Ribbon.

I'm trying to set the background color for these groups and while I was successful in doing that, there's an unpleasant space/gap/padding? that surrounds the "group"

How do i remove that gap?  Also, how do i make this fill rectangular?  There should be no 'gradient' going from the background color - to white.

I can make the mods in-code if needed, the best choice would be to learn where to update these properties in Visual Style Builder.

 

Kindest regards,

Curtis.

 

2 Answers, 1 is accepted

Sort by
0
Nadya | Tech Support Engineer
Telerik team
answered on 06 Oct 2023, 10:39 AM

Hello, Curtis,

Note, in order to provide you the exact steps how to achieve some customizations in theme, it is very important to specify which is the exact theme which you want to modify. This is because different themes in our suite may have different style settings applied for the elements. Now, I am providing you steps when using the Fluent theme. However, if you are experiencing further difficulties, it would be greatly appreciated to specify which theme you want to modify or to provide your custom theme.

1) To change the backcolor of the ApplicationMenuButton you should go to ApplicationButton -> ApplicationMenuButtonActionPartFill. I attach a picture from VSB to show this.

2) To remove this space you should access the RadPageViewContentAreaElement and adjust its padding. I attach a second picture.

I hope this helps. Let me know if I can assist you further.

Regards,
Nadya
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

0
nely
Top achievements
Rank 1
Iron
answered on 08 Oct 2023, 05:10 AM

Anything in life worth doing is worth overdoing.Thanks.

voip phone

Tags
RibbonForm Themes and Visual Style Builder
Asked by
Curtis
Top achievements
Rank 1
Iron
Iron
Veteran
Answers by
Nadya | Tech Support Engineer
Telerik team
nely
Top achievements
Rank 1
Iron
Share this question
or