PDA

View Full Version : IE 8 - Disc on TabPanel



dap-perry
11 Jun 2009, 10:13 AM
List-Item Discs are showing up in IE8 on my tab panel. I have installed ext-3.0-rc2, and get no javascript errors, yet the problem still persists. Works fine in IE 8 Compatibility mode. Same effect for IE 8 with version 2.2 and 2.2.1.

Live URL: https://gsl.progress.com/

Any ideas?

:) David

tryanDLS
11 Jun 2009, 10:55 AM
Please post a small working example that can be tested with the latest RC2+ code.

dap-perry
11 Jun 2009, 1:07 PM
Hi,
This code is all viewable if you do a "view source" at:

https://gsl.progress.com

But here goes:
I have this running onReady:

var initialActivate = true;
var tabs;
Ext.onReady(function(){
tabs = new Ext.TabPanel({
renderTo: 'tabsSearchOptions',
width:800,
height: 100,
activeTab: 'tab1',
frame:true,
plain:true
});
tabs.add({
id: 'tab1',
title: 'Standard Search',
contentEl: 'Tab1',
listeners: {activate: handleActivate}
}).show();
tabs.add({
id: 'tab2',
title: 'Text Search',
contentEl: 'Tab2',
listeners: {activate: handleActivate}
}).show();
if (document.form1.SearchType.value == "Standard") {
tabs.setActiveTab('tab1');
}
else {
tabs.setActiveTab('tab2');
}
initialActivate = false;
});
function handleActivate(tab) {
if (initialActivate == false) {
if (tab.title == "Standard Search") {
document.form1.SearchType.value = "Standard";
}
else {
document.form1.SearchType.value = "Text";
}
}
}

Here's the aspx markup:

<divid="tabsSearchOptions">
<divid="Tab1">
<tablewidth="100%"cellpadding="0"cellspacing="0"border="0">
<trbgcolor="silver">
<tdalign="center"class="verdana10"style="padding : 3px;">
<b>Application Types</b>
<br/>
<asp:ListBoxID="ApplicationTypeID"runat="server"SelectionMode="Multiple"Font-Names="Verdana"Font-Size="XX-Small"Rows="5"></asp:ListBox>
</td>
<tdalign="center"class="verdana10"style="padding : 3px;">
<b>Industries</b>
<br/>
<asp:ListBoxID="IndustryID"runat="server"SelectionMode="Multiple"Font-Names="Verdana"Font-Size="XX-Small"Rows="5"></asp:ListBox>
</td>
<tdalign="center"class="verdana10"style="padding : 3px;">
<b>Regions</b>&nbsp;<ahref="javascript:ShowRegionDescriptions()"><imgsrc="/GSL/images/info_12x12.gif"height="12"width="12"border="0"align="absmiddle"/></a>
<br/>
<asp:ListBoxID="RegionID"runat="server"SelectionMode="Multiple"Font-Names="Verdana"Font-Size="XX-Small"Rows="5"></asp:ListBox>
</td>
<tdalign="center"class="verdana10"style="padding : 3px;">
<b>SaaS</b>
<br/>
<asp:ListBoxID="SaaS"runat="server"SelectionMode="Multiple"Font-Names="Verdana"Font-Size="XX-Small"Rows="5">
<asp:ListItemValue="Yes, all">Yes, all</asp:ListItem>
<asp:ListItemValue="Yes, some">Yes, some</asp:ListItem>
<asp:ListItemValue="No, but planned">No, but planned</asp:ListItem>
<asp:ListItemValue="No, and no plans">No, and no plans</asp:ListItem>
</asp:ListBox>
</td>
<tdalign="center"style="padding : 3px;">
<asp:ButtonID="Button1"runat="server"Text="Search"/></td>
</tr></table>
</div>
<divid="Tab2"style="background-color : Silver;">
<tablewidth="100%"cellpadding="0"cellspacing="2"border="0"bgcolor="silver">
<tr>
<tdcolspan="2"height="10"></td>
<tdrowspan="4"width="120"align="right"style="padding : 6px;">
<asp:ButtonID="Button2"runat="server"Text="Search"/></td>
</tr>
<trbgcolor="silver">
<tdalign="right"class="verdana10"style="padding : 3px;">
<b>Text Search Type:</b>
</td><td>
<asp:DropDownListID="ddlTextSearchType"runat="server"Font-Names="Verdana"Font-Size="X-Small">
<asp:ListItemSelected="True"Value="Exact">Exact Match ( * - Wildcard Permitted )</asp:ListItem>
<asp:ListItemValue="Sounds Like">Sounds Like ( Uses Double Metaphone Matching )</asp:ListItem>
</asp:DropDownList>
&nbsp;<ahref="javascript:ShowTextSearchHelp()"><imgsrc="/GSL/images/info_12x12.gif"height="12"width="12"border="0"align="absmiddle"/></a>
</td></tr>
<trbgcolor="silver">
<tdalign="right"class="verdana10"style="padding : 3px;">
<b>Search In:</b>
</td><td>
<asp:DropDownListID="ddlTextSearchColumn"runat="server"Font-Names="Verdana"Font-Size="X-Small">
<asp:ListItemSelected="True"Value="Company">Company Name</asp:ListItem>
<asp:ListItemValue="Division">Division / Product Line</asp:ListItem>
</asp:DropDownList>
</td></tr>
<trbgcolor="silver">
<tdalign="right"class="verdana10"style="padding : 3px;">
<b>Search Text:</b>
</td><td>
<asp:TextBoxID="SearchText"MaxLength="255"runat="server"Width="400"CssClass="verdana10"></asp:TextBox>
</td></tr>
<tr>
<tdcolspan="3"height="10"></td>
</tr>
</table>
</div>
</div>

Thanks!

:) David

dap-perry
11 Jun 2009, 1:41 PM
Don't worry about it. I found a way to insert a META tag and force IE 8 into compatibility mode. Until they come out with IE 9 and do away with compatibility mode I should be good.

Thanks,

:) David

iscott
8 Jun 2010, 8:13 AM
Discs were still showing up in IE8 on my TabPanels with 3.2.x. The css rule:

ul.x-tab-strip li { list-style-type: none; }
fixed it.