jQuery UI Widgets Forums Dialogs and Notifications Window background image

This topic contains 2 replies, has 2 voices, and was last updated by  Stef 9 years, 8 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • background image #69279

    Stef
    Participant

    Hello,

    how to set a backgound-image for jwqxwindow ?

    Thanks in advance,
    Stef.

    background image #69306

    Nadezhda
    Participant

    Hello Stef,

    If you want to set background-image for content part of jqxWindow, please find the following example which shows how you can achieve it.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html lang="en">
    <head>
        <title></title>
        <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
        <script type="text/javascript" src="../../scripts/jquery-1.11.1.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: 120, width: 200 });
                });
            </script>
            <div id='jqxwindow'>
                <div>Header</div>
                <div style="background-image: url(../../../images/bookshop.png); height: 83px; width: 183px; background-repeat: no-repeat; border: 1px solid black;">Content</div>           
            </div>
        </div>
    </body>
    </html>

    Best Regards,
    Nadezhda

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

    background image #69346

    Stef
    Participant

    Hello Nadezhda,

    It was in the content div of jqxwindow, obviously.
    I persisted in placing the image in the first div:-(
    thank you again.

    Stef.

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

You must be logged in to reply to this topic.