TabPanel with AutoScroll set to "True" which is defined in a master page is not working as expected

  1. #1

    TabPanel with AutoScroll set to "True" which is defined in a master page is not working as expected

    Good Morning,

    I put a TabPanel with AutoScroll set to "True" on a master page. The TabPanel has ten tabs defined. I load a page which links to the master page and resize my IE window so that I can get scroll buttons appear for the TabPanel. Then I click on the scroll buttons in order to see hidden tabs, but the scroll button is not working at all. If I put the TabPanel on an aspx page instead on the master page, the scroll buttons will function properly.

    Could you please take a look to see if it is a real issue? Many thanks.

    Xiaogang
  2. #2
    Hi,

    Please provide a sample to reproduce the problem.
  3. #3
    Quote Originally Posted by Daniil View Post
    Hi,

    Please provide a sample to reproduce the problem.
                        <ext:Viewport runat="server" ID="TheViewPoint" EnableTheming="True" IDMode="Explicit" Layout="BorderLayout">
                            <Items>
                                <ext:Panel runat="server" ID="NorthPanel" Region="North" AutoHeight="True">
                                    <Items>
                                        <ext:TabPanel runat="server" AutoScroll="True">
                                            <Items>
                                                <ext:Panel runat="server" Title="Tab1"></ext:Panel>
                                                <ext:Panel ID="Panel1" runat="server" Title="Tab1"></ext:Panel>
                                                <ext:Panel ID="Panel2" runat="server" Title="Tab2"></ext:Panel>
                                                <ext:Panel ID="Panel3" runat="server" Title="Tab3"></ext:Panel>
                                                <ext:Panel ID="Panel4" runat="server" Title="Tab4"></ext:Panel>
                                            </Items>
                                        </ext:TabPanel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel runat="server" ID="CenterPanel" Region="Center" >
                                    <Items>
                                    </Items>
                                </ext:Panel>
                            </Items>
                        </ext:Viewport>
    There you go
  4. #4
    Well, I can't see any scrollbars when launching the code you have posted.

    Also the north region requires the explicit Height to be set up.

    In this case you could set up
    AutoScroll="true"
    for the North region Panel as well.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE>
    
    <html>
    <head runat="server">
        <title>Ext.NET v2 Example</title>
    </head>
    <body>
        <ext:ResourceManager runat="server" />
        <ext:Viewport runat="server" Layout="BorderLayout">
            <Items>
                <ext:Panel 
                    runat="server" 
                    Region="North" 
                    Height="200" 
                    AutoScroll="true">
                    <Items>
                        <ext:TabPanel runat="server">
                            <Items>
                                <ext:Panel runat="server" Title="Tab 1" Height="500" />
                                <ext:Panel runat="server" Title="Tab 2" />
                            </Items>
                        </ext:TabPanel>
                    </Items>
                </ext:Panel>
                <ext:Panel runat="server" Region="Center" />
            </Items>
        </ext:Viewport>
    </body>
    </html>
  5. #5
    Quote Originally Posted by Daniil View Post
    Well, I can't see any scrollbars when launching the code you have posted.

    Also the north region requires the explicit Height to be set up.

    In this case you could set up
    AutoScroll="true"
    for the North region Panel as well.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE>
    
    <html>
    <head runat="server">
        <title>Ext.NET v2 Example</title>
    </head>
    <body>
        <ext:ResourceManager runat="server" />
        <ext:Viewport runat="server" Layout="BorderLayout">
            <Items>
                <ext:Panel 
                    runat="server" 
                    Region="North" 
                    Height="200" 
                    AutoScroll="true">
                    <Items>
                        <ext:TabPanel runat="server">
                            <Items>
                                <ext:Panel runat="server" Title="Tab 1" Height="500" />
                                <ext:Panel runat="server" Title="Tab 2" />
                            </Items>
                        </ext:TabPanel>
                    </Items>
                </ext:Panel>
                <ext:Panel runat="server" Region="Center" />
            </Items>
        </ext:Viewport>
    </body>
    </html>

    After load the page, then resize IE in order to get scrollbar for the tabpanel. Then try to scroll and you will see the problem.
  6. #6
    Quote Originally Posted by RCM View Post
    After load the page, then resize IE in order to get scrollbar for the tabpanel. Then try to scroll and you will see the problem.
    Should I use my or your example?

    Generally, I have tried with both.

    1. Your example. I am unable to get scrollbars resizing a IE browser window.

    2. My example. Resizing appears to do not break anything. Or I misunderstand something.

    So, the problem stays the same - I can't reproduce the problem you have described in the initial post.

    Maybe following this guidelines can help you to provide more details.
    http://forums.ext.net/showthread.php?3440

    Though, I think, we just need a full test sample to reproduce the problem.

Similar Threads

  1. Replies: 1
    Last Post: Jun 26, 2012, 11:29 AM
  2. Replies: 5
    Last Post: May 02, 2012, 5:37 PM
  3. Replies: 2
    Last Post: Jan 24, 2012, 1:12 PM
  4. [CLOSED] "True is not defined" javascript error
    By coleg123 in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Aug 11, 2011, 6:51 PM
  5. [CLOSED] Set AutoScroll = "true" in Panel
    By majunior in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jun 22, 2011, 9:22 PM

Posting Permissions