jQWidgets Forums

Forum Replies Created

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 27, 2014 at 9:39 pm in reply to: closeOnClick not working when element's button clicked twice closeOnClick not working when element's button clicked twice #48480

    donovanh
    Participant

    Interesting…I didn’t see any fixes in the release notes that I thought looked relevant to this issue, but upgrading to 3.1.0 did indeed fix the problem. Thanks a bunch.

    Donovan

    June 3, 2013 at 3:13 pm in reply to: DropDown placement issue with relative positioning DropDown placement issue with relative positioning #22441

    donovanh
    Participant

    That is indeed much simpler than I was afraid it would be. I didn’t realize that the body was treated differently from a div in that respect. Thank you very much for your help.

    Donovan

    June 3, 2013 at 1:15 pm in reply to: DropDown placement issue with relative positioning DropDown placement issue with relative positioning #22439

    donovanh
    Participant

    The sample below will reproduce the issue, assuming that the appropriate dependencies have been added in the same directory as this file.

    If you resize your browser window to various screen widths greater than the 800 px I have allotted for the body in this sample, you will see how the DropDownList’s popup is offset to the right by the distance between the left edge of the control and the left edge of the browser window.

    In case it makes things more convenient, I will also send a .zip file containing this sample together with its dependencies to tech support shortly.

    <!DOCTYPE html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>DropDownList Issue Sample</title>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="jqx.base.css">
    <style>
    body{
    	width:800px; 
    	margin:8px auto;
    	position:relative;
    }
    </style>
    <script type="text/javascript" src="jqxcore.js"></script>
    <script type="text/javascript" src="jqxbuttons.js"></script>
    <script type="text/javascript" src="jqxscrollbar.js"></script>
    <script type="text/javascript" src="jqxlistbox.js"></script>
    <script type="text/javascript" src="jqxdropdownlist.js"></script>
    <script type="text/javascript">
    $(function() {
    choices = ['None', 'Cardboard', 'Plastic', 'Lead'];
    $("#spacer_type").jqxDropDownList({ source: choices, width:150, height:25, autoDropDownHeight:true, theme:'gp'});
    });
    </script>
    </head>
    <body>
    <div id='spacer_type' class='control'></div>
    </body>
    </html>
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)