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
Vertical alignment problems in IE
08/09/2009
09:56
Avatar
krugs525
Ohio
Member
Members
Forum Posts: 9
Member Since:
08/09/2009
sp_UserOfflineSmall 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?

08/09/2009
09:58
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall 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.

08/09/2009
09:59
Avatar
krugs525
Ohio
Member
Members
Forum Posts: 9
Member Since:
08/09/2009
sp_UserOfflineSmall 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).

08/09/2009
10:03
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall 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.

08/09/2009
10:04
Avatar
krugs525
Ohio
Member
Members
Forum Posts: 9
Member Since:
08/09/2009
sp_UserOfflineSmall Offline

IE 8

08/09/2009
10:07
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall 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.

08/09/2009
10:23
Avatar
krugs525
Ohio
Member
Members
Forum Posts: 9
Member Since:
08/09/2009
sp_UserOfflineSmall 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

08/09/2009
10:44
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall 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.

08/09/2009
11:20
Avatar
krugs525
Ohio
Member
Members
Forum Posts: 9
Member Since:
08/09/2009
sp_UserOfflineSmall Offline

Weird.  No matter what I do (clearing cache, restart browser, etc.) I've always had this problem.

Anyone else seeing this behavior?

Jon

08/09/2009
15:16
Avatar
markw65
Member
Members
Forum Posts: 179
Member Since:
30/07/2009
sp_UserOfflineSmall Offline

I see the same problem.

Mark

09/09/2009
05:28
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall 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.

09/09/2009
06:27
Avatar
krugs525
Ohio
Member
Members
Forum Posts: 9
Member Since:
08/09/2009
sp_UserOfflineSmall Offline

Screenshot is here: http://twitpic.com/gz7y6

09/09/2009
06:40
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall 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.

09/09/2009
06:59
Avatar
krugs525
Ohio
Member
Members
Forum Posts: 9
Member Since:
08/09/2009
sp_UserOfflineSmall 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.

09/09/2009
07:08
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall 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.

10/09/2009
03:28
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall 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.

10/09/2009
06:51
Avatar
krugs525
Ohio
Member
Members
Forum Posts: 9
Member Since:
08/09/2009
sp_UserOfflineSmall 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!

10/09/2009
07:17
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall 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.

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

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

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

Administrators: admin: 66

Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information