This is a migrated thread and some comments may be shown as answers.

MultiPage won't appear next to Tab Strip

3 Answers 76 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Kevin
Top achievements
Rank 1
Kevin asked on 02 Feb 2012, 10:49 PM
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.

3 Answers, 1 is accepted

Sort by
0
Bozhidar
Telerik team
answered on 03 Feb 2012, 09:03 AM
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
0
Kevin
Top achievements
Rank 1
answered on 03 Feb 2012, 03:58 PM
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.
0
Bozhidar
Telerik team
answered on 03 Feb 2012, 05:40 PM
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
Tags
TabStrip
Asked by
Kevin
Top achievements
Rank 1
Answers by
Bozhidar
Telerik team
Kevin
Top achievements
Rank 1
Share this question
or