Support for compatibility mode in IE8

[VaibhavParticipant]

I have implemented the JQXTreeGrid. But it is not rendering and working properly if I am opening the screen containing JQXTreeGrid in the compatibility mode in IE8. Only once I turn off the compatibility mode in IE8, then the JQXTreeGrid is able to render and work properly.

Please let me know what I need to do in order to get the JQXTreeGrid rendered and get it worked properly in the compatibility mode of IE8?

[Peter StoevKeymaster]

Hi vaibhav,

What exactly is not working in IE8 compatibility mode? Isn’t it option for you to use the normal Standards Mode of IE8?

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[VaibhavParticipant]

Actually my requirement is that whosoever access my pages don’t have to face any issue with the rendering and working of JQXTreeGrid whether the client IE8 browser is in compatibility mode or not.

The issues which I am encountering with the JQXTreeGrid while it is being opened in the compatibility mode of IE8 are-
1. Hierarchical expansion and collapse not working for few records.
2. The first column that is pinned is getting scrolled while I am scrolling the grid horizontally and getting out of the view.
3. The are few cells in the grid where there are no values. In case the compatibility mode is on, those cells are coming in white color and not inheriting the theme styles.

Also I would like to bring to your notice one more thing that since I am having considerable number of columns in grid (around 40), the last 5 or 6 columns are not having their column header texts rendered and their column headers are coming as blank. But I have checked that the column header data source is correct and it is containing the information of the header text of all the columns. Please let me know the solution of this issue as well.

[Peter StoevKeymaster]

Hi Vaibhav,

1. Ok, then please share a sample which demonstrates the reported behavior with compatibility mode.
2. As far as I know, IE8 compatibility mode is very old rendering engine and some of the CSS features such as inheritance would not be supported there. In addition, CSS3 is not supported in such old web browser, too.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[VaibhavParticipant]

Hi Peter,

Yes, you are correct but the end users who are going to access my page have IE8 as their client browser. And hence, it is important for me to get this component rendered in the perfect way in the compatibility mode in IE8. Even, I can’t ask my end users again and again to keep their compatibility modes off since, by default, in IE8, the compatibility mode is always turned on.

Please let me know if there is a way out to get this grid rendered properly for compatibility mode in IE8, even though I know that IE8 compatibility mode has outdated rendering engine and CSS3 is not supported by it as well. I guess if you could suggest me some configuration changes which I can commit on the JQXTreeGrid in order to remove all the properties specifically related to CSS3 and replace them with the older CSS specifications which might be compatible with IE8 compatibility mode?

Also let me know how I can share the sample screenshot with you through this forum as there isn’t any feature of uploading the image in these posts?

[Peter StoevKeymaster]

Hi Vaibhav,

The TreeGrid is rendered correctly in compatibility mode in our tests. However, the nice looking gradients, color inheritance will be not supported due to the usage of such old browser which does not support modern CSS features. Instead of gradients, you will see flat colors. If you’d like to share a sample, prepare it in jsfiddle.net or pastebin or send the same through e-mail. However, make sure to send a sample which we would be able to run and test, not only part of some code which we will be unable to test.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[OscarParticipant]

Hi,

I’m evaluating the JQXTreeGrid to integrate it into an application that works on IE8, but I have the same problem as Vaibhav indicated in point 2 with the scroll when a column is pinned

You can see an example if you open this url in a new IE8 window with compatibility mode enabled:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxtreegrid/javascript-tree-grid-pinned-column.htm?arctic

The scroll works correctly in the headers, making the frozen, but the first column of the other rows should also behave as pinned, moves as if it were not

In the JQXGrid, the same case works OK. (exmaple: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/pinnedcolumns.htm?arctic)

I think it’s not a css problem because the headers are working properly and in the simple grid also works, ¿maybe the way that the scroll identifies the columns that should be removed is diferent for headers and data in the treeGrid?…

I need the columns pinned JQXTreeGrid work in IE8 compatibility mode for my application, is there any way to make this work?

Regards,
Oscar.

[Peter StoevKeymaster]

Hello Oscar,

We’ll test again this case. For now, we cannot share more information.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[OscarParticipant]

Hello,

Have you got any idea when this issue will solve? My company is interested in your product, and we need this issue solved.

Thanks,
Oscar.

[Peter StoevKeymaster]

Hi Oscar,

This month’s release will include a fix about this. Most probably that will be in the second half of the month.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts