View Full Version : QuickTips (on Grid Header) not show in IE9

8 Feb 2012, 12:42 AM
Have ttrouble with IE9. Tooltips not shows on headers.

I use this to init quicktips:

Ext.BLANK_IMAGE_URL = "js/ext-3.3.1/resources/images/default/s.gif";

And this:

cm = new Ext.grid.ColumnModel({
defaults: {
sortable: true, // columns are not sortable by default
menuDisabled: true
columns: [

tooltip: "Id is here<br />And second line",
header: 'Id',
dataIndex: 'id',
width: 50

Here is this test app:

Yor can see, tooltips shows in FF as ex, and not shows in IE9.

Pls help me

8 Feb 2012, 1:02 AM
Have founded this

.x-tip .x-tip-body {
font: normal 18px tahoma,arial,helvetica,sans-serif;

in ext-all.css, have made try z-order:10000; this.
With no effect :(

8 Feb 2012, 1:19 AM
Suddenly i noticed that QuckTips+ExtJS3 grid works well in Ie9 but inside fancybox iframe.
Here is example : http://softm.org.ua/quicktips-of-extjs-not-working-in-ie9-another-one-extjs3-issue-to-resolve/

I have made try's to edit the css, with no effect, i add z-order:10000 ...
Seems this is css issue, can pls anybody help me

8 Feb 2012, 11:12 PM
As usual nobody answers.
I dont find why (am sure this is IE9 css - working in other manner), but i am showing there - how fix this.
Here is answer (http://softm.org.ua/quicktips-of-extjs-not-working-in-ie9-another-one-extjs3-issue-to-resolve/)

10 Feb 2012, 6:17 AM
It appears that you are using v3.3.1. Since v3.4 was created to provide IE9 compatibility, does your problem also exist in v3.4?