jQWidgets Forums

jQuery UI Widgets › Forums › Editors › Button, RepeatButton, ToggleButton, LinkButton › jqxDropDownButton

Tagged: , ,

This topic contains 3 replies, has 2 voices, and was last updated by  Dimitar 12 years, 9 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    jqxDropDownButton Posts
  • July 30, 2012 at 8:05 am jqxDropDownButton #6403

    binfch
    Participant

    Hi there

    I am using the jqxDropDownButton to show a panel (the panel is quiet height). Basically all works fine but when the page is loaded and the user clicks somewhere on the page, the vertical scrollbar shows and hides right after. I don’t know if this is a bug or if this is supposed to work like this…

    Here a sample page:

    <!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>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
        <link rel="stylesheet" href="jqwidgets/styles/jqx.classic.css" type="text/css" />
        <style type="text/css">
            #bodyContainer {
                color: #222222;
                background: #e3e3e3;
                margin: 0px;
            }
            #menuContainer {
                margin-left: auto;
                margin-right: auto; 
                margin-top: 15px; 
                width: 1024px;
                height: 30px;
            }
            #mainContainer {
                clear: both;
                margin-left: auto;
                margin-right: auto; 
                margin-top: 15px; 
                width: 1024px; 
                height: 768px;
                border: 1px solid #bbbbbb;
                background: #ffffff;
            }
        </style>
        
        <script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
        <script type="text/javascript" src="jqwidgets/jqxscrollbar.js"></script>
        <script type="text/javascript" src="jqwidgets/jqxdropdownbutton.js"></script>
        <script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
        <script type="text/javascript" src="jqwidgets/jqxpanel.js"></script>
    </head>
    <body id="bodyContainer">
        <script type="text/javascript">
            $(document).ready(function () {
                $("#dropDownButton").jqxDropDownButton({ width: 140, height: 30, theme: 'classic' });
                $("#dropDownPanel").jqxPanel({ width: 350, height: 750, theme: 'classic' });
            });
        </script>
        <div id='menuContainer'>
            <div id="dropDownButton">
                <div id='dropDownPanel' style='background-color: #e3e3e3;'>
                </div>
            </div>
        </div>
        <div id='mainContainer'>
        </div>
    </body>
    </html>

    Thanks & cheers,
    Peter

    July 31, 2012 at 5:52 am jqxDropDownButton #6414

    Dimitar
    Participant

    Hi Peter,

    We tried your sample page with the latest version of jQWidgets(ver. 2.3.1) to see if we could reproduce the issue, but without avail. What version of jQWidgets do you use?

    Best Regards,
    Dimitar,

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

    July 31, 2012 at 6:14 am jqxDropDownButton #6415

    binfch
    Participant

    Hi Dimitar

    I am using 2.3.0.

    I can reproduce the issue in FF 14 and Chrome 20.

    Pls check the following short video showing the issue when i click somewhere on the page.
    http://www.binf.ch/20120731_0809_33.zip

    Thx & cheers,
    P.

    July 31, 2012 at 6:54 am jqxDropDownButton #6418

    Dimitar
    Participant

    Hi Peter,

    We tested your page with Firefox and Chrome and we have the same issue. I am sorry we are unable to help you at this time but we have created a work item about the reported issue.

    However, I recommend using the most recent version of jQWidgets.

    Best Regards,
    Dimitar,

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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.