Forum
Log In
Home
Topic RSS
08:11
14/04/2009
Offline
I positioned my jqgrid on a page by placing it in a div
<div style="font-size:75%;width:900px;margin-left:100px;overflow:hidden;display:block;">
<div id="LeftPane" class="ui-layout-west ui-widget ui-widget-content">
<table id="west-grid"></table>
</div>
<!-- #LeftPane -->
<div id="RightPane" class="ui-layout-center ui-helper-reset ui-widget-content" >
<!-- Tabs pane -->
<div id="tabs" class="jqgtabs">
<ul>
<li><a href="#tabs-1">MemoHotel</a></li>
</ul>
<div id="tabs-1" style="font-size:12px;"></div>
</div>
</div> <!-- #RightPane -->
</div>
And everything works fine. But when i click on a field to edit it and the modal box opens, the entire page contents move down about 200px. Does anyone have any idea why this is happening? Or have another idea for how to better position jqgrid on a page that contains other contents? The link to my page is here: http://www.memohotel.com/prova.php
06:50
Moderators
30/10/2007
Offline
Hello,
To solve this
<div style=”font-size:75%;width:900px;margin-left:100px;overflow:visible;display:block;”>
...
</div>
Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
Most Users Ever Online: 715
Currently Online:
94 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66
