0

Tabs with IE7

asked 2012-08-16 17:26:02 +0800

darius gravatar image darius
279 3

We have a client using IE7, and they cannot see the tabs we create. (FYI: Same issue when testing using IE8 and turning "Compatibility mode on.)

Here's a simple ZUL to demonstrate:

<?xml version="1.0" encoding="UTF-8"?>
<zk>
<tabbox hflex="min" vflex="min">
<tabs>
<tab label="Tab One" />
<tab label="Tab Two" />
</tabs>
<tabpanels>
<tabpanel>
<label value="VALUE One"/>
</tabpanel>
<tabpanel>
<label value="VALUE Two"/>
</tabpanel>
</tabpanels>
</tabbox>
</zk>

On IE 8, this has two tabs.
But, in IE 7 we don't see the tabs.
Any ideas? Does this work for anyone? If it does, then could it be some changes we made in our CSS?

thanks

delete flag offensive retag edit

6 Replies

Sort by ยป oldest newest

answered 2012-08-17 01:09:26 +0800

dennis gravatar image dennis
3669 1 6
http://www.javaworld.com....

which version of ZK you used?

link publish delete flag offensive edit

answered 2012-08-17 01:19:04 +0800

ashishd gravatar image ashishd flag of Taiwan
1972 6

I see two tabs fine on IE7 with ZK6.0.2 and ZK6.5FL

link publish delete flag offensive edit

answered 2012-08-17 13:26:45 +0800

darius gravatar image darius
279 3

Thanks for the replies. It appears to be something in our custom-theme.
We had used ZK 3.x as a starting point and had made changes to the CSS and images.
It never worked well with IE7, which was not a problem until now... since our users were using other browsers.
I will have to compare some CSS files in detail to see what needs to change.

link publish delete flag offensive edit

answered 2012-08-17 13:50:40 +0800

darius gravatar image darius
279 3

A related question. I see that the Style Guide has a link to the UN-compressed versions of the CSS files on Github (e.g. https://github.com/zkoss/zk/blob/master/zul/src/archive/web/js/zul/tab/css/tabbox.css.dsp)

Are these UN-compressed versions also contained in one of the dowloadable ZK files?

thanks

link publish delete flag offensive edit

answered 2012-08-21 01:26:27 +0800

dennis gravatar image dennis
3669 1 6
http://www.javaworld.com....

the css was compressed when releasing, you check source code at
https://github.com/zkoss/zk/, select a branch to see the corresponding version.

link publish delete flag offensive edit

answered 2012-08-21 14:25:56 +0800

darius gravatar image darius
279 3

Thanks.

Our problem with IE7 turned out to be a height:100% on some z.tab-xxx CSS classes. We had customized these.

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: 2012-08-16 17:26:02 +0800

Seen: 154 times

Last updated: Aug 21 '12

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