1

Resolved

Actionmenu not working in IE 7

description

Today I demo-ed my DNN skin at a client, it's a school and unfortunately they still have computers with IE7.
Although I tested in IE9 in IE 7 mode I noticed the latest version of the actionmenu does not work in a real IE7.
If you hover the dropdown Icon, nothing happens.

I reinstalled version 01.02.03 and that does work in IE7

I used the DNN 4 version of the skin object.
And this in the container:
<watch:watch runat="server" id="ACTIONS" CssFile="ModuleMenu-White" ContextMode="False" DisplayLink ="False" />

file attachments

comments

tha_watcha wrote Sep 1, 2011 at 10:53 AM

Strange it works with my Skin in IE7. I see what i can do, but ie7 is not really a priority. If the old Version works you should stick to that version.

Timo_Design wrote Sep 1, 2011 at 8:52 PM

Ok, I did some testing and found what the problem is (IE7 is the problem:-)
I really don't like IE7, but some clients are still on WinXp and they cannot upgrade IE further.

I used the DNN4 01.03.01 version on DNN 4.9.5

I have this in the container:
<watch:watch runat="server" id="ACTIONS" CssFile="ModuleMenu-White" ContextMode="False" />

XHTML doctype

BTW switching to IE7 mode in IE9 does not show the problem, it is only on a "real" IE7.
Screencapture of "issue" attached.

I found that the Css for is causing IE to choke is this.

.ModuleOptionsMenuMainIcon-White {
width:100px;
}

If I change that to setting the width of the UL above, the aligment of the icon is not correct in IE7, but the dropdown does work.
.ModuleOptionsMenu-White{
width:120px;
}

tha_watcha wrote Sep 2, 2011 at 1:57 PM

Ok if it works with

.ModuleOptionsMenu-White{
width:120px;
}

Add this IE7 hack to corect the arrow
*:first-child+html .ModuleOptionsMenuMainIcon-White img{display:inline;float:none;padding-right:0px;padding-left:0;}