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

Hi,

Please provide a sample to reproduce the problem.

Quote:

Originally Posted by Daniil

Hi,

Please provide a sample to reproduce the problem.

Code:

<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

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

Code:

AutoScroll="true"

for the North region Panel as well.

Example

Code:

<%@ 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>

Quote:

Originally Posted by Daniil

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

Code:

AutoScroll="true"

for the North region Panel as well.

Example

Code:

<%@ 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.

Quote:

Originally Posted by RCM

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.