Change Hamburger Button Color and Mouse Hover Color on Hierarchy Navigation RadPageView

1 Answer 188 Views
PageView
RUNSystem
Top achievements
Rank 1
Iron
Iron
RUNSystem asked on 09 Mar 2022, 02:16 AM

Hi,

I have some questions on RadPageView Winforms UI. How can I change the color of hamburger button and RadPageViewPage when I hover my mouse on to it ? Let say, I want to change it to #3373ba hex color.

And also, is it possible to change the dropdown arrow color for hierarchical navigation menu here ?

 

Thanks before.

1 Answer, 1 is accepted

Sort by
0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 11 Mar 2022, 02:03 PM
 Hello, 


The provided screenshot illustrates the design for RadPageView in the Fluent theme. If you need to change an element's style for certain element states, the most appropriate way is so customize the theme in Visual Style Builder. The following tutorial demonstrates a general approach how a theme can be customized:
https://docs.telerik.com/devtools/winforms/knowledge-base/customize-a-theme

The following screenshot illustrates how to change the view type with the context menu:

Then, change the ForeColor for the MouseOver state. This is expected to affect the text color, together with the expand/collapse arrow color:

Once you are done with the changes, save the theme and apply the custom theme to your project:

https://docs.telerik.com/devtools/winforms/styling-and-appearance/using-custom-themes 

I hope this information helps. If you need any further assistance please don't hesitate to contact me. 

Regards,
Dess | Tech Support Engineer, Principal
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.

RUNSystem
Top achievements
Rank 1
Iron
Iron
commented on 12 Mar 2022, 10:47 AM

Hi Dess,

Thanks for the answer. I tried to customize the Fluent theme, but when I did that there's nothing in the repository item of RadPageViewNavigationViewItem.MouseOver

 

Did I miss something here on the Visual Builder ?

 

Thanks before.

Dess | Tech Support Engineer, Principal
Telerik team
commented on 16 Mar 2022, 12:18 PM

Hello,

It is important first to export the built-in themes in a local folder and then load the theme you want to customize. These are the initial steps in the already referred KB article:

https://docs.telerik.com/devtools/winforms/knowledge-base/customize-a-theme 

Once you have the desired theme loaded, e.g. Fluent, then the applied style repositories will be loaded:

 

Tags
PageView
Asked by
RUNSystem
Top achievements
Rank 1
Iron
Iron
Answers by
Dess | Tech Support Engineer, Principal
Telerik team
Share this question
or