jQWidgets Forums

jQuery UI Widgets Forums Navigation Tabs Not work demo jqxtabs in ie8

This topic contains 5 replies, has 2 voices, and was last updated by  неистовый 7 years, 4 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • Not work demo jqxtabs in ie8 #98420

    неистовый
    Participant

    Hello! (Sorry my english)
    I’m using your plugin at work, it’s very nice!

    But tabs are displayed incorrectly in ie8 (even in the demo tabs are built vertically), in other browsers everything is fine. I would not have used ie8 with pleasure, but, unfortunately, I can not. I looked through the forum and tried all your options that you advised, nothing helped (adding to … Maybe there is an option how to fix it?

    Not work demo jqxtabs in ie8 #98440

    Stanislav
    Participant

    Hello Berserk,

    Can you please give us some more information on your issue? Which demo exactly has tabs vertically?
    You could send us an example of the given issue.

    Best Regards,
    Stanislav

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

    Not work demo jqxtabs in ie8 #98444

    неистовый
    Participant

    Hello, Stanislav!
    Even the default functionality does not work in the demo version (.. \ jqwidgets-ver5.5.0 \ demos \ jqxtabsdefaultfunctionality.htm)
    Here is a screenshot

    The code is the same as in the demo version downloaded from this site

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta name="keywords" content="jQuery Tabs, Tabs Widget, TabView, jqxTabs" />
        <meta name="description" content="The jqxTabs is breaking the content into multiple sections. You
            can populate it from 'UL' for the tab titles and 'DIV' for it's contents." />
        <title id='Description'>The jqxTabs is breaking the content into multiple sections.
            You can populate it from 'UL' for the tab titles and 'DIV' for it's contents.
        </title>
         <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />	
        <script type="text/javascript" src="../../scripts/jquery-1.12.4.min.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxtabs.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxcombobox.js"></script>
        <script type="text/javascript" src="../../scripts/demos.js"></script>	
        <script type="text/javascript">
            $(document).ready(function () {
                // Create jqxTabs.
                $('#tabs').jqxTabs({ width: getWidth('tabs'), height: 200, position: 'top'});
                $('#settings div').css('margin-top', '10px');
                $('#animation').jqxCheckBox({ theme: theme });
                $('#contentAnimation').jqxCheckBox({ theme: theme });
    
                $('#animation').on('change', function (event) {
                    var checked = event.args.checked;
                    $('#tabs').jqxTabs({ selectionTracker: checked });
                });
               
                $('#contentAnimation').on('change', function (event) {
                    var checked = event.args.checked;
                    if (checked) {
                        $('#tabs').jqxTabs({ animationType: 'fade' });
                    }
                    else {
                        $('#tabs').jqxTabs({ animationType: 'none' });
                    }
                });
            });
        </script>
    </head>
    <body class='default'>
            <div id='tabs'>
                <ul>
                    <li style="margin-left: 30px;">Node.js</li>
                    <li>JavaServer Pages</li>
                    <li>Active Server Pages</li>
                    <li>Python</li>
                    <li>Perl</li>
                </ul>
                <div>
                    Node.js is an event-driven I/O server-side JavaScript environment based on V8. It
                    is intended for writing scalable network programs such as web servers. It was created
                    by Ryan Dahl in 2009, and its growth is sponsored by Joyent, which employs Dahl.
                    Similar environments written in other programming languages include Twisted for
                    Python, Perl Object Environment for Perl, libevent for C and EventMachine for Ruby.
                    Unlike most JavaScript, it is not executed in a web browser, but is instead a form
                    of server-side JavaScript. Node.js implements some CommonJS specifications. Node.js
                    includes a REPL environment for interactive testing.
                </div>
                <div>
                    JavaServer Pages (JSP) is a Java technology that helps software developers serve
                    dynamically generated web pages based on HTML, XML, or other document types. Released
                    in 1999 as Sun's answer to ASP and PHP,[citation needed] JSP was designed to address
                    the perception that the Java programming environment didn't provide developers with
                    enough support for the Web. To deploy and run, a compatible web server with servlet
                    container is required. The Java Servlet and the JavaServer Pages (JSP) specifications
                    from Sun Microsystems and the JCP (Java Community Process) must both be met by the
                    container.
                </div>
                <div>
                    ASP.NET is a web application framework developed and marketed by Microsoft to allow
                    programmers to build dynamic web sites, web applications and web services. It was
                    first released in January 2002 with version 1.0 of the .NET Framework, and is the
                    successor to Microsoft's Active Server Pages (ASP) technology. ASP.NET is built
                    on the Common Language Runtime (CLR), allowing programmers to write ASP.NET code
                    using any supported .NET language. The ASP.NET SOAP extension framework allows ASP.NET
                    components to process SOAP messages.
                </div>
                <div>
                    Python is a general-purpose, high-level programming language[5] whose design philosophy
                    emphasizes code readability. Python claims to "[combine] remarkable power with very
                    clear syntax",[7] and its standard library is large and comprehensive. Its use of
                    indentation for block delimiters is unique among popular programming languages.
                    Python supports multiple programming paradigms, primarily but not limited to object-oriented,
                    imperative and, to a lesser extent, functional programming styles. It features a
                    fully dynamic type system and automatic memory management, similar to that of Scheme,
                    Ruby, Perl, and Tcl. Like other dynamic languages, Python is often used as a scripting
                    language, but is also used in a wide range of non-scripting contexts.
                </div>
                <div>
                    Perl is a high-level, general-purpose, interpreted, dynamic programming language.
                    Perl was originally developed by Larry Wall in 1987 as a general-purpose Unix scripting
                    language to make report processing easier. Since then, it has undergone many changes
                    and revisions and become widely popular amongst programmers. Larry Wall continues
                    to oversee development of the core language, and its upcoming version, Perl 6. Perl
                    borrows features from other programming languages including C, shell scripting (sh),
                    AWK, and sed.[5] The language provides powerful text processing facilities without
                    the arbitrary data length limits of many contemporary Unix tools, facilitating easy
                    manipulation of text files. 
                </div>       
            </div>   
            <div id='settings'>
                <div id='animation'>
                    Enable Select Animation</div>
                 <div id='contentAnimation'>
                    Enable Content Animation</div>
            </div>
    </body>
    </html>
    
    Not work demo jqxtabs in ie8 #98508

    неистовый
    Participant

    Stanislav, hello! Is there any news on my problem?

    Not work demo jqxtabs in ie8 #98510

    Stanislav
    Participant

    Hello Berserk,

    I am sorry, but we cannot reproduce the issue.
    We are testing the example on windows 10 and there seems to be no problem when we try to simulate the issue in ie8.

    Best Regards,
    Stanislav

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

    Not work demo jqxtabs in ie8 #98516

    неистовый
    Participant

    It’s a pity. I attached a screenshot, but it was deleted by the moderator.

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

You must be logged in to reply to this topic.