|
|
Rank: Advanced Member
Groups: Member
Joined: 3/23/2010
Posts: 35
|
Hello, When using Internet Explorer, tooltips are not shown for menu images and icons. This is happening because menu images are rendered to this markup (note the empty alt and title attributes): (copied from IE developer tool)
Code: HTML/ASPX
<TD id=eo_ele_4 title=image1 vAlign=top align=middle UNSELECTABLE="on">
<DIV UNSELECTABLE="on">
<IMG style="MARGIN: 0px" id=eo_ele_3 title="" alt=" " src="/Resources/image1.png" UNSELECTABLE="on" eo_pg="/Resources/image1.png">
<IMG style="MARGIN: 0px; WIDTH: 0px; DISPLAY: none; HEIGHT: 0px" title="" alt=" " UNSELECTABLE="on">
</DIV>
</TD>
This can easily be reproduced with this page:
Code: HTML/ASPX
<%@ Page Language="C#" %>
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Menu test </title>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
</head>
<body>
<form runat="server">
<eo:Menu runat="server" ID="menu1">
<TopGroup>
<Items>
<eo:MenuItem Image-Url="~/Resources/image1.png" Tooltip="image1">
</eo:MenuItem>
<eo:MenuItem Image-Url="~/Resources/image2.png" Tooltip="image2">
</eo:MenuItem>
<eo:MenuItem LeftIcon-Url="~/Resources/image3.png" Text-Html="text" Tooltip="image3">
</eo:MenuItem>
</Items>
</TopGroup>
</eo:Menu>
</form>
</body>
</html>
Is there any way to control alt and title attributes for images rendered by menu control? Thanks, Laurynas
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
I believe the only way is to change our code to render the corresponding title value on the images. We will see if we can do that in our next build.
Thanks
|
|
Rank: Advanced Member
Groups: Member
Joined: 3/23/2010
Posts: 35
|
Is there any update for this problem? When can we expect a fixed build?
Thanks
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
We have already fixed this and should have a new build early next week.
Thanks!
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
We have posted a new build that should resolve this issue. Please see your private message for download location.
Thanks!
|
|
Rank: Advanced Member
Groups: Member
Joined: 3/23/2010
Posts: 35
|
I have tried the new build, but I'm getting similar results. The tooltip is shown only for item which has text set (the third item in the example I posted previously). First two do not show tooltips when hovering over image. Here's the generated markup (the title attribute is not empty only on the third item):
Code: HTML/ASPX
<TD id=eo_ele_4 title=image1 vAlign=top align=middle UNSELECTABLE="on">
<DIV UNSELECTABLE="on"><IMG style="MARGIN: 0px" id=eo_ele_3 title="" alt=" " src="/Resources/image1.png" UNSELECTABLE="on" eo_pj="/Resources/image1.png"><IMG style="MARGIN: 0px; WIDTH: 0px; DISPLAY: none; HEIGHT: 0px" title="" alt=" " UNSELECTABLE="on"></DIV></TD>
<TD id=eo_ele_7 title=image2 vAlign=top align=middle UNSELECTABLE="on">
<DIV UNSELECTABLE="on"><IMG style="MARGIN: 0px" id=eo_ele_6 title="" alt=" " src="/Resources/image2.png" UNSELECTABLE="on" eo_pj="/Resources/image2.png"><IMG style="MARGIN: 0px; WIDTH: 0px; DISPLAY: none; HEIGHT: 0px" title="" alt=" " UNSELECTABLE="on"></DIV></TD>
<TD id=eo_ele_10 title=image3 vAlign=top align=left UNSELECTABLE="on">
<DIV style="WIDTH: 100%; HEIGHT: 100%" UNSELECTABLE="on">
<TABLE style="HEIGHT: 100%" border=0 cellSpacing=0 cellPadding=0 width="100%" height="100%" UNSELECTABLE="on">
<TBODY>
<TR>
<TD UNSELECTABLE="on">
<DIV UNSELECTABLE="on"><IMG style="MARGIN: 0px" id=eo_ele_9 title=image3 alt=" " src="/Resources/image3.png" UNSELECTABLE="on" eo_pj="/Resources/image3.png"><IMG style="MARGIN: 0px; WIDTH: 0px; DISPLAY: none; HEIGHT: 0px" title="" alt=" " UNSELECTABLE="on"></DIV></TD>
<TD style="PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 0px" vAlign=center width="99%" noWrap align=left UNSELECTABLE="on">text</TD>
<TD UNSELECTABLE="on"></TD></TR></TBODY></TABLE></DIV></TD>
<TD style="WIDTH: 99%" UNSELECTABLE="on"></TD>
Laurynas
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
Can you post a test page and let us know which menu item does not have tooltip?
Thanks!
|
|