jQuery UI Widgets Forums Dialogs and Notifications Window Customizing windows (and other widgets)

This topic contains 2 replies, has 2 voices, and was last updated by  mesken 12 years, 10 months ago.

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

  • mesken
    Participant

    I am new to jQWidgets and even to jQuery. I have seen the various widgets on this site and I am very interested, but before purchassing I am testing the free version to see how it works.
    What can I do to customize a widgets , for instance what if I want to add a field (input, button…) to a window header or a table column header or even an image ?

    Thanks


    Peter Stoev
    Keymaster

    Hi mesken,

    You can add an additional element to the Window’s Title or Content areas by customizing the HTML structure.

    In the example code below, the DIV tag with id=’window’ defines the jqxWindow’s HTML structure. The first nested DIV tag represents the window’s title and the second nested DIV tag is the window’s content. You can add any HTML element inside these DIV tags.

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/gettheme.js"></script>
    <script type="text/javascript" src="../../scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
    $('#window').jqxWindow({ height: 145, width: 270 });
    });
    </script>
    </head>
    <body class='default'>
    <div id="window">
    <div><span>Title</span><span> My Custom Title</span></div>
    <div>
    Content
    </div>
    </div>
    </body>
    </html>

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com


    mesken
    Participant

    Thanks for your support Peter

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

You must be logged in to reply to this topic.