Forums

Tabs not visible in Internet Explorer 9

benbeek 17 Apr, 2014
User that use Internet Explorer 9 all report that Chronoforms with tabs ( Areas - container type Tabs Area) do not show the tabs area. The rest of the forms are visible, but the tab area is not. This seems specific for this version of IE.

Does this ring a bell?
And what is the solution?

Ben

The Load CSS I use for the tabarea is
dl.tabs {
    clear: both;
    float: left;
    margin: 10px 0 0;
    z-index: 50;
}
dl.tabs dt {
    background: none repeat scroll 0 0 #F0F0F0;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #666666;
    float: left;
    margin-right: 3px;
    padding: 4px 10px;
}
dl.tabs dt.open {
    background: none repeat scroll 0 0 #6E003D;
    border-bottom: 1px solid #F9F9F9;
    color: #FFFFFF;
    z-index: 100;
}
div.current {
    border: 1px solid #A1A1A1;
    clear: both;
    max-width: 100%;
    padding: 10px;
}
div.current dd {
    margin: 0;
    padding: 0;
}
dl#content-pane.tabs {
    margin: 1px 0 0;
}
Max_admin 20 Apr, 2014
Hi Ben,

Could you use IE9 dev tools to inspect the page and check why the tabs are not visible ?

Regards,
Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
benbeek 22 Apr, 2014
After some more investigation (with a PC of a user that experienced the problem) I now know that this behaviour of the tabbed area in Chronoforms is caused by the so called 'Compatibility View' in Internet Explorer. If IE is set in Compatibility mode, then the tabbed areas are gone / not visible (they are visible for a fraction of a second and then disappear). When this mode is cancelled then all is well: the tabbed areas become visible again.

So the question now is: how can I make these tabbed area's visible for IE user that set their browser in Compatibility mode. I know that they should not do that in the first place (or even better not use IE at all :? ), but I cannot control the users of the sites I build. But I can control the sites I build, so I would like to seek the solution there, if possible.

Regards,
Ben.
Max_admin 22 Apr, 2014
Its hard to tell, did you try to check the CSS rules affecting the tabs using the IE dev tools ?

Regards,
Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
This topic is locked and no more replies can be posted.