[Solved] RadPageView - color items

[Radek]

Hello,
I’m working with a RadPageView in Strip view mode and I need to color each tab (page) individually. The coloring works, but I’m facing two issues:

1. Selected tab color – I want to change the tab’s color when it becomes selected. I tried handling this in SelectedPageChanging, but I’m unable to restore the previous color correctly.

2. Font color – I need to adjust the text color based on the tab’s background (white text for dark tabs, black text for light tabs).

Is this possible to achieve?
Thank you for your help.

Radek

[Dinko | Tech Support Engineer]

Hi Radek,

Thank you for reaching out regarding tab coloring in RadPageView with Strip view mode.

Both scenarios you described are fully achievable. You need to target the Item property of each page element. You can modify the selected page in the SelectedPageChanging event. Inside the event handler, you can reset the properties of the previously selected page and customize the newly selected one.

public Form3()
{
    InitializeComponent();
    this.radPageView1.SelectedPageChanging += RadPageView1_SelectedPageChanging;
    this.radPageView1.SelectedPage.Item.GradientStyle = GradientStyles.Solid;
    this.radPageView1.SelectedPage.Item.BackColor = Color.Red;
    this.radPageView1.SelectedPage.Item.ForeColor = Color.Green;
}

private void RadPageView1_SelectedPageChanging(object sender, Telerik.WinControls.UI.RadPageViewCancelEventArgs e)
{
    RadPageViewPage oldPage = radPageView1.SelectedPage;
          
    if (oldPage != null)
    {
        oldPage.Item.ResetValue(LightVisualElement.BackColorProperty, ValueResetFlags.Local);
        oldPage.Item.ResetValue(LightVisualElement.ForeColorProperty, ValueResetFlags.Local);
        oldPage.Item.ResetValue(LightVisualElement.GradientStyleProperty, ValueResetFlags.Local);
    }
    e.Page.Item.GradientStyle = GradientStyles.Solid;
    e.Page.Item.BackColor = Color.Red;
    e.Page.Item.ForeColor= Color.Green;
}

You can use the SelectedPage property of the control to apply the colors when the application starts. I hope that this approach works for you.

Regards,
Dinko | Tech Support Engineer
Progress Telerik

[Radek]

Hi Dinko,

thank you — it works now. I only had to flip the logic: first apply the color settings to the old page, and then call ResetValue.

Radek