Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > TabStrip > MultiPage won't appear next to Tab Strip

• Kevin

  Posted on Feb 2, 2012 (permalink)

  I have a tab strip with 8 long tabs.  I have them set to "VerticalLeft" orientation, and then I want my MultiPage to appear immediately to the right of the tabs.  I looked at the examples for TabStrip in which this is accomplished, but when I try it in my project the Multipage is always below the TabStrip.  I have no spaces between them, no BR's... is there some property somewhere I need to set so the Mutlipage will appear to the right of the TabStrip and not below it?
  
  These 2 controls are inside a page from another MultiPage control, if that matters.

  Reply

• Bozhidar Bozhidar

  Posted on Feb 3, 2012 (permalink)

  Hi Kevin,
  
  As shown in the demo, you have to include the following css rules, to make the MultiPage appear next to the TabStrip:
  
  

  .multiPage

  {

      display: -moz-inline-box;

      display: inline-block;

      zoom: 1;

      *display: inline;

      position: relative;

      margin-bottom: -3px;

  }

   
  All the best,
  Bozhidar
  the Telerik team

  If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

  Reply


• Kevin

  Posted on Feb 3, 2012 (permalink)

  Sorry, that was not in the demo I was using as my example:
  http://demos.telerik.com/aspnet-ajax/tabstrip/examples/functionality/vertical/defaultvb.aspx
  
  This was the CSS shown in the Vertical TabStrip demo:
  

  .multiPage

          {

              float:left;

              border:1px solid #94A7B5;

              background-color:#F0F1EB;

              padding:4px;

              padding-left:0;

              width:565px;

              margin-left:-1px;                

          }

  
  I will try the CSS you provided to see if that works better.

  Reply

• Bozhidar Bozhidar

  Posted on Feb 3, 2012 (permalink)

  Hi Kevin,
  
  I was using this demo to test the orientation. However, I tried the one you use, and it also worked as expected, even if I put everything inside another PageView, as you specified earlier.
  
  Perhaps you are using some other styles, that may reflect on the TabStrip and PageView. In order to troubleshoot the problem further, please open a support ticket and attach a simplified sample project which reproduces the behavior, so that we can investigate it locally.
   
  Greetings,
  Bozhidar
  the Telerik team

  If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > TabStrip > MultiPage won't appear next to Tab Strip