jQuery UI Widgets Forums Grid header info before loading grid

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

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • header info before loading grid #63916

    hk
    Participant

    I like to show the menus and header info before loading the jqxgrid.

    so everytime I load my page it shows a big grey box for the menu, and shows the images in the header , then loads the jqxgrid and finally shows the menus.

    can I show the header images, then the mendus load completely and then load the jqxgrid which loads data from the database and takes a few seconds.

    thanks

    header info before loading grid #63918

    hk
    Participant

    ok so added width to the menu and now the grey box does not flicker so it is invisible and then shows up but looks like it is hidden then the grid loads and then the menu becomes visible.
    how can I make the menu visible before lodading the grid as the grid takes a bit longer as it has to populate data from the database.
    <table style=”width:100%;” >
    <tr style=”background-color:#bababc”>
    <td valign=”top”>
    <div id=’jqxMenu’ style=’visibility: hidden;height:37px;’>

    </div>
    </td>
    <td class=”titles” valign=top align=”right”>You are logged in as <?echo $_SESSION[“formData”][“username”];?> | Logout</td>
    <td valign=top align=”right” >
    <div id=’jqxMenuA’ style=’visibility: hidden;height:37px;‘>

    </div>
    </td></tr></table>

    <script type=”text/javascript”>
    $(document).ready(function () {
    $(“#jqxMenu”).jqxMenu({ width: ‘100%’, theme: ‘hkgrey’});
    $(“#jqxMenu”).css(‘visibility’, ‘visible’);
    $(“#jqxMenuA”).jqxMenu({ width: ’70’, theme: ‘hkgrey’});
    $(“#jqxMenuA”).jqxMenu(‘setItemOpenDirection’, ‘Admin’, ‘left’);
    $(“#jqxMenuA”).css(‘visibility’, ‘visible’);

    header info before loading grid #63932

    Dimitar
    Participant

    Hello hk,

    Could you, please, provide us with a full example (or a JSFiddle) of your menu so that we can test your code and see if anything is wrong. Remember to format your code by selecting it and pressing the code button in the toolbar.

    Best Regards,
    Dimitar

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

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

You must be logged in to reply to this topic.