locked
Ajax TabContainer - UseVerticalStripPlacement="true" RRS feed

  • Question

  • User-331904504 posted

    Hi All

    Can anyone please throw any light on to why my tabContainer is still displaying horizontally?

    <asp:tabcontainer runat="server" OnClientActiveTabChanged="ActiveTabChanged" 
                        ID="tabContainer" ActiveTabIndex="0"  
                        UseVerticalStripPlacement="left" VerticalStripWidth="120px">

    I need the tabs to be on the left and vertical? 

    Wednesday, July 9, 2014 7:27 AM

Answers

  • User1918509225 posted

    Hi callan1,

    please try the code below ,it works very well for me:

     <div>
            <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager>
        <ajaxToolkit:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" UseVerticalStripPlacement="true"
    >      
    
                <ajaxToolkit:TabPanel ID="TabPanel1" runat="server" HeaderText="TabPanel1">
    
                    <ContentTemplate>
    
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
    
                        <asp:Button ID="Button1" runat="server" Text="Button" />
    
                    </ContentTemplate>
    
                </ajaxToolkit:TabPanel>
    
                
    
                <ajaxToolkit:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2">
    
                    <ContentTemplate>
    
                        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
    
                        <asp:Button ID="Button2" runat="server" Text="Button" />
    
                    </ContentTemplate>
    
                </ajaxToolkit:TabPanel>
    
                       
            </ajaxToolkit:TabContainer>
        </div>

    and  you can set the tagprefix in web.config file:

    <pages>
          <controls>
            <add tagPrefix="ajaxToolkit" assembly="AjaxControlToolkit" namespace="AjaxControlToolkit"/>
          </controls>
        </pages>

    Best Regards,
    Kevin Shen.

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Thursday, July 10, 2014 2:57 AM

All replies

  • User-158764254 posted

    the example you posted does not include:

         UseVerticalStripPlacement="True"

    Wednesday, July 9, 2014 7:39 AM
  • User-331904504 posted

    Tried that, the tabs still show horizontally

    I've got my prefix set up correctly also

    Wednesday, July 9, 2014 7:42 AM
  • User1918509225 posted

    Hi callan1,

    please try the code below ,it works very well for me:

     <div>
            <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager>
        <ajaxToolkit:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" UseVerticalStripPlacement="true"
    >      
    
                <ajaxToolkit:TabPanel ID="TabPanel1" runat="server" HeaderText="TabPanel1">
    
                    <ContentTemplate>
    
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
    
                        <asp:Button ID="Button1" runat="server" Text="Button" />
    
                    </ContentTemplate>
    
                </ajaxToolkit:TabPanel>
    
                
    
                <ajaxToolkit:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2">
    
                    <ContentTemplate>
    
                        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
    
                        <asp:Button ID="Button2" runat="server" Text="Button" />
    
                    </ContentTemplate>
    
                </ajaxToolkit:TabPanel>
    
                       
            </ajaxToolkit:TabContainer>
        </div>

    and  you can set the tagprefix in web.config file:

    <pages>
          <controls>
            <add tagPrefix="ajaxToolkit" assembly="AjaxControlToolkit" namespace="AjaxControlToolkit"/>
          </controls>
        </pages>

    Best Regards,
    Kevin Shen.

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Thursday, July 10, 2014 2:57 AM
  • User555306248 posted

    UseVerticalStripPlacement - Whether to render the tabs on left or right of the container

    http://www.asp.net/ajaxlibrary/AjaxControlToolkitSampleSite/tabs/tabs.aspx and http://www.asp.net/ajaxlibrary/act_tabcontainer.ashx

    Monday, July 14, 2014 12:19 AM