jQuery UI Widgets Forums Dialogs and Notifications Window background color in window without header

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

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

  • pepe
    Participant

    283/5000
    Good night, I have a window and I want the header not to be visible and apply a background color. In the example that I attached
    – The header disappears
    – Background color is applied
    But the bottom part does not apply the background color. Is there any way to solve that?

    A greeting.

    <!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>jQuery Window CSS Styling Sample</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>

    <style>
    #hdr{
    display:none;
    }

    #ctn{
    background-color:#690;
    }
    </style>

    <script type=”text/javascript”>
    $(document).ready(function () {
    $(“#jqxwindow “).jqxWindow({
    height:300,
    width: 400,
    resizable: false,
    position: ‘center, center’,
    });
    });
    </script>
    </head>

    <body>
    <div id=’content’>
    <div id=’jqxwindow’>
    <div id=”hdr”>Header</div>
    <div id=”ctn”>Content</div>
    </div>
    </div>
    </body>

    </html>


    Stanislav
    Participant

    Hello pepe,

    Take a look at this example: Link
    I used css comands instead of the id’s.

    Best Regards,
    Stanislav

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


    pepe
    Participant

    thank you very much, perfect the example

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

You must be logged in to reply to this topic.