PDA

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



RCM
Jun 18, 2012, 1:20 PM
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

Daniil
Jun 18, 2012, 1:37 PM
Hi,

Please provide a sample to reproduce the problem.

RCM
Jun 19, 2012, 2:20 PM
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

Daniil
Jun 19, 2012, 3:25 PM
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>

RCM
Jun 19, 2012, 3:33 PM
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.

Daniil
Jun 19, 2012, 9:06 PM
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.