Forum

November 2nd, 2014
A A A
Avatar

Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

The forums are currently locked and only available for read only access
sp_Feed Topic RSS sp_TopicIcon
Help with styling
21/01/2009
15:07
Avatar
kdpickett
Member
Members
Forum Posts: 3
Member Since:
21/01/2009
sp_UserOfflineSmall Offline

I using jqGrid 3.3 and are having problems getting the main grid and pager to center in my page.  Are there guidelines for styling the grid?  I couldn't find any documentation on styling.  I wrapped the table and pager divs inside a div and set that to float:center.   It doesn't work.  Part of my problem is that I have a vertical menu to the left.  The main grid draws to the right of that and the pager's absolute left side is at the window left side. 

See example picture here: 

[Image Can Not Be Found]

Any help would be appreciated.

21/01/2009
15:08
Avatar
kdpickett
Member
Members
Forum Posts: 3
Member Since:
21/01/2009
sp_UserOfflineSmall Offline

Crap, the image isn't showing up.  Try this link:

http://cid-30181e33455d9159.sk...../clip1.jpg

22/01/2009
08:27
Avatar
palobo
Portugal
Member
Members
Forum Posts: 41
Member Since:
13/11/2008
sp_UserOfflineSmall Offline

Your problem has nothing to do with jqGrid and everything to do with css.

First things first... There is no property as float: center. It's either, left, right or none.

Next... you did well to wrap the grid in a div. The first thing to do is float your vertical menu left, then you can set the wrppaer div's margin: 0 auto. This will place the wrppaer div in the middle of the available space.

Hope this helps. Maybe a more experienced CSS'er can be of better assistance.

Cheers,
P.

22/01/2009
08:34
Avatar
kdpickett
Member
Members
Forum Posts: 3
Member Since:
21/01/2009
sp_UserOfflineSmall Offline

Hi Palobo,

Thanks for the tip.  That did the trick.  I guess I confused the float:center with the align property.  Anyway, I actually expanded it a little further and just put the whole thing inside a 3 column layout (found an example on the net) and plugged it in by putting the grid table in the middle column with a little margin and padding property div.  It looks a lot cleaner that way.

Thanks again for taking the time to help me.

-Keith

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
100 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.com

Moderators: tony: 7721, Rumen[Trirand]: 81

Administrators: admin: 66

Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information