Arrow sign to show which tab is opened

3 posts, 0 answers
  1. saud
    saud avatar
    6 posts
    Member since:
    May 2019

    Posted 06 Aug 2019 Link to this post

    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

  2. Nadya
    Admin
    Nadya avatar
    307 posts

    Posted 08 Aug 2019 Link to this post

    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
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  3. saud
    saud avatar
    6 posts
    Member since:
    May 2019

    Posted 08 Aug 2019 Link to this post

    Thanks Nadya

    It worked!!

     

    Regards,

    Saud

Back to Top