0

Grid header problem using IE8

asked 2009-04-27 17:49:26 +0800

fmcypriano gravatar image fmcypriano
612 1 7
http://felipecypriano.com...

updated 2009-04-27 17:49:49 +0800

Grid headers aren't showing ok using IE8. The problem can be visualized in ZK Live Demo, with IE8 open the Grid 1 and Grid 2

In both cases the headers are loaded incorrectly, the width of columns are wrong and the header's text aren't visible.

I've two grids with this exact same behavior. What could I do to fix it? Will it be fixed by the zk team? IMO this is a bug.

Regards,
Felipe Cypriano

delete flag offensive retag edit

12 Replies

Sort by » oldest newest

answered 2009-04-27 17:57:05 +0800

james gravatar image james
255 2

updated 2009-04-27 17:57:23 +0800

I haven't even used IE8, but my suggestion would be to change the style of the grids and try and find a way to make it look good.
Grid Style guide

link publish delete flag offensive edit

answered 2009-04-27 18:15:31 +0800

fmcypriano gravatar image fmcypriano
612 1 7
http://felipecypriano.com...

Hi James,

I'm trying to detect a CSS problem to solve. But I've found that when using IE8 the width of the elements are generated with strange values, for example:

Zul page:

<grid>
    <columns>
        <column label="Descrição" width="180px"/>
        <column label="Conteúdo"/>
    </columns>
    <rows>
        <row>
            Data de Emissão
            <datebox/>
        </row>
    </rows>
</grid>

Using Firefox I get this generated html, pay attention in the style attribute the width of th:

<tr id="z_ft_h1" class="z-columns" align="left" z.mpop="zk_n_a" z.columnshide="true" z.columnsgroup="true" z.rid="z_ft_g1" z.zcls="z-columns" z.type="Cols">
    <th id="z_ft_i1" class="z-column" z.zcls="z-column" style="width: 178px;" z.type="Col">
        <div id="z_ft_i1!cave" class="z-column-cnt" style="width: 178px;">Descrição</div>
    </th>
    <th id="z_ft_j1" class="z-column" z.zcls="z-column" style="width: 813px;" z.type="Col">
        <div id="z_ft_j1!cave" class="z-column-cnt" style="width: 813px;">Conteúdo</div>    
    </th>
</tr>

Using IE8 I get this:

<TR id=z_0t_h1 class=z-columns align=left z.type="Cols" z.zcls="z-columns" z.rid="z_0t_g1" z.mpop="zk_n_a" z.columnshide="true" z.columnsgroup="true">
    <TH style="WIDTH: 993px" id=z_0t_i1 class=z-column _extended="true" z.type="Col" z.zcls="z-column">
        <DIV style="WIDTH: 993px" id=z_0t_i1!cave class=z-column-cnt _extended="true">Descrição</DIV>
    </TH>
    <TH style="WIDTH: 0px" id=z_0t_j1 class=z-column _extended="true" z.type="Col" z.zcls="z-column">
        <DIV style="WIDTH: 0px" id=z_0t_j1!cave class=z-column-cnt _extended="true">Conteúdo</DIV>
    </TH>
</TR>


Clearly something is setting the width completely wrong using IE8. Any clues about who is the responsible for define the width?

Regards,
Felipe Cypriano

link publish delete flag offensive edit

answered 2009-04-27 19:14:27 +0800

fmcypriano gravatar image fmcypriano
612 1 7
http://felipecypriano.com...

A bug in zk issue tracker was closed with this comment by jumperchen:

"fixed since 4/20.

Use the compatible mold with IE8."

So the correction of the bug is to use IE8 compatible mode? The problem will be just (no offense) ignored?

link publish delete flag offensive edit

answered 2009-04-27 19:46:22 +0800

james gravatar image james
255 2

I'm not sure what the compatible mold (or mode) would be.
Try setting the width for both columns and using fixedLayout="true"
See what that does.

link publish delete flag offensive edit

answered 2009-04-28 01:50:09 +0800

iantsai gravatar image iantsai
2755 1

If you didn't think the problem has been solved, feel free to reopen it and give a reason, maybe ZK team lost some point which you took considered.

link publish delete flag offensive edit

answered 2009-04-28 12:03:34 +0800

fmcypriano gravatar image fmcypriano
612 1 7
http://felipecypriano.com...

Hello,

James, setting the widths and using fixedLayout doesn't solve the problem. FYI, the compatible mode makes the IE8 render the page like the previous IE, theorically IE8 follow the standards.

iantsai, I'm asking because I think the problem isn't solve if I've to pass the responsibility for my user. IMO this issue shouldn't be closed (completely solved) because the fix is a workaround which is good and better than nothing but a fix should be implemented. And of course I would like to know what the zk team and the community thinks about this issue.

I think that some thing (I don't know if it's a class or javascript) is miscalculating the width for IE8, I wanna help to solve this but I don't know where to debug.

The main point here is to guarantee the compatibility of my new web app with the newest browsers.


Regards,
Felipe Cypriano

link publish delete flag offensive edit

answered 2009-06-06 06:49:37 +0800

davout gravatar image davout
1435 3 18

Is this being addressed?

All my grids fail to display column titles in IE8.

link publish delete flag offensive edit

answered 2009-06-08 18:39:45 +0800

lamh gravatar image lamh
84 3

I have exactly the same problem with IE 8. I use ZK 3.6.1.

link publish delete flag offensive edit

answered 2009-06-10 07:15:18 +0800

jumperchen gravatar image jumperchen
3909 2 8
http://jumperchen.blogspo... ZK Team

@lamh,

Could you provide a simple sample?

As far as I know, the bug is caused by IE browser itself, because it ignores the width of the table when its table-layout property is fixed.

@davout,
Have you tried the latest ZK 3.6.1 version, which uses the compatible mode to solve the issue.

/Jumper

link publish delete flag offensive edit

answered 2009-06-10 07:33:23 +0800

davout gravatar image davout
1435 3 18

Yes I'm using r3.6.1 What is compatible mode?

link publish delete flag offensive edit
Your reply
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow

RSS

Stats

Asked: 2009-04-27 17:49:26 +0800

Seen: 451 times

Last updated: Jun 12 '09

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More