jQWidgets Forums

Tagged: Button, Header, jqxwindow, window

This topic contains 1 reply, has 2 voices, and was last updated by Dimitar 11 years, 10 months ago.

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

Author

Reload button Posts

August 8, 2013 at 4:12 am Reload button #26462

luesak

Participant

Hi,

How do I add a reload button next to the close button on the window title bar?

Kim

August 8, 2013 at 12:25 pm Reload button #26486

Dimitar

Participant

Hello Kim,

Here is one possible solution:

<!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>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.summer.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
</head>
<body>
    <div id='content'>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#jqxwindow ").jqxWindow({ height: 90, width: 150, theme: 'summer' });
                $("<button id='reloadButton' style='float: left;'>r</button>").insertBefore("#jqxwindow .jqx-window-close-button");
                $("#jqxwindow .jqx-window-header").css("height", "25px");
                setTimeout(function () {
                    $("#jqxwindow .jqx-window-close-button-background").css("width", "45px");
                }, 1000);
                $("#jqxwindow .jqx-window-close-button").css({ float: "left", width: "16px", height: "16px" });
            });
        </script>
        <div id='jqxwindow'>
            <div>
                Header</div>
            <div>
                Content</div>
        </div>
    </div>
</body>
</html>

Best Regards,
Dimitar

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.