Forum
Log In
Home
Topic RSS
09:56
08/09/2009
Offline
If I have a column where I have made the width smaller than the default column width, the text in the column header is bottom aligned (vertically) instead of being in the middle when I view the page in IE. Is there a workaround/fix for this problem?
09:58
Moderators
30/10/2007
Offline
Hello,
Which version of jqGrid?
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.
09:59
08/09/2009
Offline
I'm on 3.4, I believe, but I see the problem on the demo site, which I assume is using the latest version (http://www.trirand.com/jqgrid/.....qgrid.html).
10:03
Moderators
30/10/2007
Offline
Which IE?
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.
10:07
Moderators
30/10/2007
Offline
I do not see the problem in my IE8 in demo site or I missed something.
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.
10:23
08/09/2009
Offline
Go to the demo page, in "Advanced", pick "Resizing". The "Client" and "Notes" columns have the header text in the middle, but in all of the other columns, the text is at the bottom of the column header.
I'm going to http://www.trirand.com/jqgrid/.....qgrid.html, is this the correct demo site?
Jon
10:44
Moderators
30/10/2007
Offline
Hello,
No - no problem in my IE8. Could you please clear your cache.
The link is correct.
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.
11:20
08/09/2009
Offline
Weird. No matter what I do (clearing cache, restart browser, etc.) I've always had this problem.
Anyone else seeing this behavior?
Jon
15:16
30/07/2009
Offline
I see the same problem.
Mark
05:28
Moderators
30/10/2007
Offline
Hello,
Could you please post a screenshot?
Thanks
Best 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.
06:27
08/09/2009
Offline
Screenshot is here: http://twitpic.com/gz7y6
06:40
Moderators
30/10/2007
Offline
Hello,
Thenks
This is very strange:
Here is my screenshot: http://www.trirand.com/jqgrid3.....ie8bug.JPG
So, the problem is to identify where is the problem
My IE is 8.0.6001.18702
128 bit
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.
06:59
08/09/2009
Offline
My IE is 8.0.6001.18783... http://twitpic.com/h2j95
When I looked at your screen shot, I noticed that yours is in a different font than mine. I looked at the CSS for the demo page these are the fonts used in the CSS for the page: Lucida Grande, Lucida Sans, Arial, sans-serif. My guess is that you do not have Lucida Grande or Lucida Sans or your machine, so it's displaying the page in Arial for you (it looks like Arial to me). If I change the CSS to force it to use Arial, everything looks fine on my machine. Since I have Lucida Sans on my machine, it uses that font on my machine.
I put the Lucida Sans font file here so that you put it on your machine and see what I'm talking about: http://jonkruger.com/jqgrid/lsans.ttf
For what it's worth, on the site I'm working on it's using Verdana as the font in the headers and I have the IE problem there too.
07:08
Moderators
30/10/2007
Offline
Hello,
Thanks. I have that font - I'm just changing my IE options to use this font as default and ... the problem appear.
Thanks again will see how to resolve this.
Best 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.
03:28
Moderators
30/10/2007
Offline
Hello,
In order to test (I need feedback) could you please change some item in ui.grid.css?
Also the line
.ui-jqgrid .ui-th-div-ie {float:left;width:97%;white-space: nowrap;}
should be
.ui-jqgrid .ui-th-div-ie {white-space: nowrap;}
Thanks
Best 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.
06:51
08/09/2009
Offline
That fixed the problem for me (keep in mind that I'm still on version 3.4). I tested in IE 7 & 8, Firefox 3.5, Chrome 2, Opera 10, and Safari 4 beta.
Thanks for the quick fix!
07:17
Moderators
30/10/2007
Offline
Hello again,
The true fix seems to be this:
.ui-jqgrid .ui-th-div-ie {white-space: nowrap;zoom:1;}
Since if I'm back to my original font the problem appear again.
So, the zoom seems to this fix it. Tested in diffrent fonts.
Thanks
Best 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:
76 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
