header info before loading grid

[hkParticipant]

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

[hkParticipant]

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;’>

• Schedule
• Schedule Builder
• Channel

</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;‘>

<li id=’Admin’>Admin
<ul >
• Configure Users
• Configure Service
• Configure Channel
• Configure Automation

</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’);

[DimitarParticipant]

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/

[Author]

Posts