jqWindow close button (top right) not visible

[SkippingAdiParticipant]

Hi all

I just created my first jqxWindow as below:

<input type=”button” id=”newPonyButton” title=”Neu” value=”Neu” class=”button” />
<div id=”NewPonyPopUp” class=”Hidden”></div>
<div id=”jqwindow”>
<div id=”windowHeader”>
</div>
<div style=”overflow: hidden;” id=”windowContent”>
</div>
</div>

            $(“#NewPonyPopUp”).dialog({
                autoOpen: false, width: 400, height: 330, modal: true,
                buttons: {
                    “Save”: function () {
                        alert(‘Save goes here…’);
                      },
                    Cancel: function () { $(this).dialog(“close”); }
                }
            });

            $(‘#jqwindow’).jqxWindow({
                width: ‘500px’,
                height: ‘200px’,
                theme: theme,
                showCloseButton: true,
                showCollapseButton: true,
                autoOpen: false
            });

            $(“#NewPonyButton”).click(function () {
                $(‘#jqwindow’).jqxWindow(‘open’);
            });

I’m using the ui-le-frog.css style.
The window opens when clicking onto the Button, but the header bar is far too small to display the close button and thus it is impossible to click onto the close button.

jqwidgets 2.7; asp.net mvc 4.0; IE 8 on Windows 7 64Bit

Hope this bug is also solved with the new Version?

I just tried a lot of other themes (like classic, black.css usw.) and also there the header bar is too small. I also deactivated the mvc site.css without any effect onto the height of the header bar.

Regards
Adrian

 

[Peter StoevKeymaster]

Hi Adrian,

We are unable to reproduce that behavior. The window and its close button are displayed correctly with that theme. I suggest you to check for CSS conflicts with your page’s theme and to check whether all images are correctly referenced on your side.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[SkippingAdiParticipant]

Hi Peter

I found the solution. If you don’t supply any text for the header title then the close button is not visible.

Regards
Adrian

[Author]

Posts