jQWidgets Forums

Tagged: jquery expander internet explorer 7

This topic contains 1 reply, has 2 voices, and was last updated by Peter Stoev 11 years, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

headerPosition: 'bottom' on IE7 Posts

September 6, 2013 at 2:00 am headerPosition: 'bottom' on IE7 #28414

Member

Hello,

I tested the sample jqxExpander code but changed the headerPosition to bottom instead of top. It works for Chrome, FF, and IE8+, but for IE7 it seems to be collapsible but not expandable afterwards. Is there a fix for this? Thanks in advance.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="keywords" content="jQuery Accordion, Expander, Toggle Bar, Expander Bar, Navigation Bar, Accordion, jqxNavigationBar, jqxExpander" />
    <meta name="description" content="jqxExpander is a simple and easy to use widget that shows/hides
        an element. It supports several built-in expand modes. You can set it up to show
        or hide an element after a click, double-click or mouse enter event on the expander's
        header. This widget also comes with customizable slide and fade animations." />
    <title id='Description'>jqxExpander is a simple and easy to use widget that shows/hides
        an element. It supports several built-in expand modes. You can set it up to show
        or hide an element after a click, double-click or mouse enter event on the expander's
        header. This widget also comes with customizable slide and fade animations.
    </title>
    <link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="scripts/gettheme.js"></script>
    <script type="text/javascript" src="scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxexpander.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            // Create jqxExpander
            var theme = getDemoTheme();
            $("#jqxExpander").jqxExpander({ width: '350px', theme: theme , headerPosition: 'bottom'});
        });
    </script>
</head>
<body class='default'>
    <div id='jqxWidget' style="float: left;">
        <div id='jqxExpander'>
            <div>
                Early History of the Internet</div>
            <div>
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                    <li>1966 ARPANET planning starts</li>
                    <li>1969 ARPANET carries its first packets</li>
                    <li>1970 Mark I network at NPL (UK)</li>
                    <li>1970 Network Information Center (NIC)</li>
                    <li>1971 Merit Network's packet-switched network operational</li>
                    <li>1971 Tymnet packet-switched network</li>
                    <li>1972 Internet Assigned Numbers Authority (IANA) established</li>
                    <li>1973 CYCLADES network demonstrated</li>
                    <li>1974 Telenet packet-switched network</li>
                    <li>1976 X.25 protocol approved</li>
                    <li>1979 Internet Activities Board (IAB)</li>
                    <li>1980 USENET news using UUCP</li>
                    <li>1980 Ethernet standard introduced</li>
                    <li>1981 BITNET established</li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>

September 6, 2013 at 3:00 pm headerPosition: 'bottom' on IE7 #28464

Peter Stoev

Keymaster

Hi PhilipW,

We confirm that behavior and we created a work item about it. The fix will be available in the next release.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.