tabpanel doesn't work in IE8

  1. #1

    tabpanel doesn't work in IE8

    hi

    I add a tabpanel (addTab) control with menuPanel to my project.
    it works in IE7 and fireFox both.
    but when I publish my project for my boss ,we cant see titles in tabpanel and it isn't in good appearence .(using IE8)
    I dont khnow what happens after publishing it.:(
    please help me ...........
    thx
    Last edited by maryam; Aug 25, 2010 at 8:29 AM.
  2. #2
    Hi,

    Can you provide test sample or online example (if that problem page is online available)?
  3. #3
    hi
    I havent get any help
    Last edited by maryam; Aug 18, 2010 at 5:50 AM.
  4. #4
    Quote Originally Posted by vladimir View Post
    Hi,

    Can you provide test sample or online example (if that problem page is online available)?
    Hi vladimir
    I made a new simple website like examples in coolite with one page (default) and then I Publish it
    but like before when I see it in http://localhost/test_tabpanel2/ it looks good
    and when I see it in http://pc33/test_tabpanel2/ it isn't in good shape.(using IE8)
    this is code :

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
        <script type="text/javascript">
            var addTab = function (tabPanel, id, url, titleName) {
                var tab = tabPanel.getComponent(id);
    
                if (!tab) {
                    tab = tabPanel.add({
                        id: id,
                        title: titleName,
                        closable: true,
                        autoLoad: {
                            showMask: true,
                            url: url,
                            mode: "iframe",
                            maskMsg: "Loading " + url + "..."
                        }
                    });
    
                    tab.on("activate", function () {
                        var item = MenuPanel1.menu.items.get(id + "_item");
    
                        if (item) {
                            MenuPanel1.setSelection(item);
                        }
                    }, this);
                }
    
                tabPanel.setActiveTab(tab);
            }
        </script>
        <style type="text/css">
            .style1
            {
                width: 850px;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager RegisterAllResources="true" ID="ResourceManager1" runat="server">
        </ext:ResourceManager>
        <div>
            <table width="100%">
                <tr>
                    <td class="style1">
                        <ext:TabPanel Margins="0" ResizeTabs="false" Height="650" TabAlign="Right" ID="TabPanel1"
                            runat="server" style="margin-right: 26">
                        </ext:TabPanel>
                    </td>
                    <td>
                        <ext:MenuPanel ID="MenuPanel1" runat="server" Width="200">
                            <Menu ID="Menu1" runat="server">
                                <Items>
                                    <ext:MenuItem ID="idClt_item" runat="server" Text="Ext.Net">
                                        <Listeners>
                                            <Click Handler="addTab(#{TabPanel1}, 'idClt', 'http://www.ext.net','ext ');" />
                                        </Listeners>
                                    </ext:MenuItem>
                                    <ext:MenuSeparator />
                                    <ext:MenuItem ID="idGgl_item" runat="server" Text="Google">
                                        <Listeners>
                                            <Click Handler="addTab(#{TabPanel1}, 'idGgl', 'http://www.google.com','google');" />
                                        </Listeners>
                                    </ext:MenuItem>
                                    <ext:MenuSeparator />
                                    <ext:MenuItem ID="idExt_item" runat="server" Text="ExtJS">
                                        <Listeners>
                                            <Click Handler="addTab(#{TabPanel1}, 'idExt', 'http://www.extjs.com','extjs');" />
                                        </Listeners>
                                    </ext:MenuItem>
                                </Items>
                            </Menu>
                        </ext:MenuPanel>
                    </td>
                </tr>
                <tr>
                    <td class="style1">
                    </td>
                    <td>
                    </td>
                </tr>
            </table>
        </div>
        </form>
    </body>
    </html>
    Last edited by geoffrey.mcgill; Aug 18, 2010 at 6:32 AM. Reason: please use [CODE] tags

Similar Threads

  1. Doesn't work via SSLVPN
    By inorder in forum 1.x Help
    Replies: 10
    Last Post: Jun 06, 2012, 7:42 AM
  2. Northwind example doesn't work in IE9
    By Const in forum 1.x Help
    Replies: 10
    Last Post: Dec 09, 2011, 3:04 AM
  3. [1.0RC]MultiHeader doesn't work.
    By firebank in forum 1.x Help
    Replies: 1
    Last Post: Nov 11, 2010, 4:06 PM
  4. Replies: 3
    Last Post: Aug 21, 2009, 2:24 PM
  5. Keymap doesn't work
    By Kamal in forum 1.x Help
    Replies: 2
    Last Post: Aug 13, 2009, 10:49 AM

Posting Permissions