Arrow sign to show which tab is opened

[saud]

Hi,

I am using pageview in Explorer Bar and Stack Mode and i want to have an arrow sign on tabs which shows the selected tab. please see the attached image for further clarification.

 

Regards

Saud

[Nadya | Tech Support Engineer]

Hello, Saud,

According to the provided picture I can see that you have RadPageView in ExplorerBar mode. Please refer to the following example which demonstrates how to show the arrow sign in the ExplorerBar mode depending on whether the page is selected/expanded or not. The attached gif file illustrates the achieved result.

public partial class Form1 : RadForm

 {

     public Form1()

     {

         InitializeComponent();

 

         foreach (var page in radPageView1.Pages)

         {

             page.Item.Image = Image.FromFile("../../Right.png");

         }

 

         RadPageViewExplorerBarElement element = this.radPageView1.ViewElement as RadPageViewExplorerBarElement;

 

         element.ExpandedChanged += Form1_ExpandedChanged;

      }

 

      private void Form1_ExpandedChanged(object sender, RadPageViewExpandedChangedEventArgs e)

      {

           if (e.Expanded)

           {

                e.Item.Image = Image.FromFile("../../Down.png");

           }

           else

           {

                e.Item.Image = Image.FromFile("../../Right.png");

           }

      }
}

If you have RadPageView in Stack mode, you can use a similar approach.

I hope this helps. Should you have any other questions, I will be glad to help.

Regards,
Nadya
Progress Telerik

[saud]

Thanks Nadya

It worked!!

 

Regards,

Saud