MultiPage won't appear next to Tab Strip

4 posts, 0 answers
  1. Kevin
    Kevin avatar
    30 posts
    Member since:
    Sep 2012

    Posted 02 Feb 2012 Link to this post

    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.
  2. Bozhidar
    Admin
    Bozhidar avatar
    1103 posts

    Posted 03 Feb 2012 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kevin
    Kevin avatar
    30 posts
    Member since:
    Sep 2012

    Posted 03 Feb 2012 Link to this post

    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.
  5. Bozhidar
    Admin
    Bozhidar avatar
    1103 posts

    Posted 03 Feb 2012 Link to this post

    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
Back to Top