Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Tabstrip > Setting the orientation of tabstrips

• swapna

  Posted on Jan 17, 2011 (permalink)

  Hi,
  
  This is the first time I am using the RadTabstrip, so hopefully this issue can resolved quickly .
  This is the radtabstrip on my page
  
  

  <

   

  telerik:RadTabStrip ID="radTabStripPages" runat="server" Orientation="HorizontalTop" Align="Right" EnableEmbeddedSkins="true" Width="100px"

   

   

  >

   

   

   

   

  </telerik:RadTabStrip>
  
  And I am populating the tabs for this strip in my codebehind .
  

   

  It does it but does not set the orientation right . The orientation is as below (attached) , still vertical . Am I missing setting some property ?
  
  Any help would be appreciated.
  
  Thanks
  -Swapna
  

  Attached files

  • tabs.png

• Shinu MVP

  Posted on Jan 18, 2011 (permalink)

  Hello Swapna,
  
  I suppose this behaviour is because you have set the RadTabStrip Width to a smaller value. Try the same aspx without the setting the Width, or with a higher value.
  
  aspx:
  

  <telerik:RadTabStrip ID="radTabStripPages" runat="server" EnableEmbeddedSkins="true"  > //or width="1000px"

   </telerik:RadTabStrip>

  
  Regards,
  Shinu.

• swapna

  Posted on Jan 18, 2011 (permalink)

  Hi Shinu,
  
  I tried setting the width to 100 % ,also removed the width property ,but it still shows it the same way in the image I attached above .
  The orientation of my radtabstrip is still vertical . Do I need to add some other property e.g  a multipage similar to the demos ?
  I just need a tabstrip at the top with multiple tabs on it .
  
  Thanks,
  -Swapna

• Shinu MVP

  Posted on Jan 19, 2011 (permalink)

  Hello Swapna,
  
  I am not quite sure about you issue and the given aspx worked fine at my end. I suppose you might have set the width property from code behind. Here is my complete code. Please make a double check with this.
  
  aspx:
  

  <telerik:RadTabStrip ID="radTabStripPages" runat="server"

      Align="Right" EnableEmbeddedSkins="true"  >

  </telerik:RadTabStrip>

  
  C#:
  

  protected void Page_Load(object sender, EventArgs e)

     {

         RadTab tabProduto = new RadTab();

         tabProduto.Text = "Produtos";

         radTabStripPages.Tabs.Add(tabProduto);

         RadTab tabProduto1 = new RadTab();

         tabProduto1.Text = "Produtos";

         radTabStripPages.Tabs.Add(tabProduto1);

         RadTab tabProduto2 = new RadTab();

         tabProduto2.Text = "Produtos";

         radTabStripPages.Tabs.Add(tabProduto2);

         RadTab tabProduto3 = new RadTab();

         tabProduto3.Text = "Produtos";

         radTabStripPages.Tabs.Add(tabProduto3);

         RadTab tabProduto4 = new RadTab();

         tabProduto4.Text = "Produtos";

         radTabStripPages.Tabs.Add(tabProduto4);

         radTabStripPages.Orientation = Telerik.Web.UI.TabStripOrientation.HorizontalTop;

     }

  
  Thanks,
  Shinu.

• swapna

  Posted on Jan 19, 2011 (permalink)

  Thank you for your reply Shinu .
  On my coedbehind this is how I am binding the RadTabStrip
  
  

  protected

   

  void BindRadTabStripPages()

   

  {

  radTabStripPages.DataSource = DSPRACTICEPAGES;

  radTabStripPages.DataTextField =

  "page_name";

   

  radTabStripPages.DataValueField =

  "product_survey_page_id";

   

  radTabStripPages.Orientation = Telerik.Web.UI.

  TabStripOrientation.HorizontalTop;

   

  radTabStripPages.DataBind();

   

   

  }

  
  Do I have to individually create tabs for each record in my dataset (DSPRACTICEPAGES) ,or will the above code be fine ?
  Thanks,
  Swapna
  

• swapna

  Posted on Jan 19, 2011 (permalink)

  And on the width of the radtabstrip comment ,no I am not setting the width anywhere.

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Tabstrip > Setting the orientation of tabstrips