BackStage customization

Hello Pierre-Jean,

You can achieve this as follows:

1. To change the color of the RadPageViewItem for a specified visual state you can use SetThemeValueOverride method:

this.radPageViewPage1.Item.SetThemeValueOverride(RadPageViewStripItem.BackColorProperty, Color.YellowGreen, "MouseDown");
this.radPageViewPage1.Item.SetThemeValueOverride(RadPageViewStripItem.DrawFillProperty,true, "MouseDown");
this.radPageViewPage1.Item.SetThemeValueOverride(RadPageViewStripItem.NumberOfColorsProperty, 1, "MouseDown");

2. To increase the space between the image and the text in the RadPageViewItem you can set an appropriate margin:

this.radPageViewPage1.Item.Layout.LeftPart.Margin = new Padding(20,0,0,0);

3. To set the width of the items area you should use the ItemAreaWidth property:

RadPageViewBackstageElement backStageViewElement = (RadPageViewBackstageElement)this.radPageView1.ViewElement;
backStageViewElement.ItemAreaWidth = 250;

I hope this helps. Should you have any other questions do not hesitate to ask.

Regards,
Nadya
Progress Telerik

Hello Nadya and thanks for your advice

the Padding and ItemAreaWidth work perfectly
However I still hav a problem with the colors (I think I gave you wrong indications, sorry ...)

The color I wish to modify is the Orange that shows when the mouse leaves the selected item.

When I clic on an item it gets a White background and Blue foreground (I think I have modified these colors thru the Edit UI Elements option, but I dont recall where I have made the changes ..)

But when the mouse leaves the selected item the color goes to Orange and I would like to change this

I have attached here below the code snipet that is called after the "initializeComponents" and a screenxhot of the form after the mouse leaves the selected item

Thanks for your advice

---------------------------------------------------------------

Hello Pierre-Jean,

The provided information is much appreciated. It helps me to understand that you would like a different color when the item is selected. In this case, you can use the SetThemeValueOverride method and override the Selected state as well:

this.radPageViewPage2.Item.SetThemeValueOverride(RadPageViewStripItem.BackColorProperty, Color.Red, "Selected");
this.radPageViewPage2.Item.SetThemeValueOverride(RadPageViewStripItem.DrawFillProperty, true, "Selected");
this.radPageViewPage2.Item.SetThemeValueOverride(RadPageViewStripItem.NumberOfColorsProperty, 1, "Selected");

You can refer to the following documentation article which demonstrates how to override the theme settings for a specific element state without losing the applied style for the rest of the states: https://docs.telerik.com/devtools/winforms/telerik-presentation-framework/override-theme-settings-at-run-time.

I hope this information helps. Please let me know if there is anything else I can help you with.

Regards,
Nadya
Progress Telerik

Hello Nadya

thanks a lot this is exactly what I was looking for

I will look into the presentation framework to better understand the mecanisms 

Kind Regards 

Pierre-Jean

Hello Pierre-Jean,

I am glad that you achieved the desired look. Do not hesitate to contact us if you have other questions.

Regards,
Nadya
Progress Telerik