Invalid xhtml shape attributes in imagemaps

[Uwe Eichkorn]

Hi there,

the value of the shape attribute isn't a well formed xhtml value. The radeditor writes an uppercased value into the shape attribute.

<area shape="RECT" coords="10,10,202,121" href="http://www.google.com" target="_blank" alt="no comment">

If you change the attributes value to a xhtml valid lowercased value, the Image Map Editor doesn't find the area.

Steps for reproducing that

1. Open this Url http://demos.telerik.com/aspnet-classic/editor/examples/ImageMap/DefaultCS.aspx
2. Add the following imagemap code into the editor.

<img style="width: 300px; height: 192px;" usemap="#rade_img_map_RadEditor1_0" src="/aspnet-classic/Editor/Img/UserDir/Marketing/banner.gif" id="Img1" border="0">
<map name="rade_img_map_RadEditor1_0" id="rade_img_map_RadEditor1_0">
<area shape="RECT" coords="10,10,202,121" href="http://www.google.com" target="_blank" alt="no comment">
<area shape="CIRCLE" coords="113,160,21" href="http://www.msdn.com" target="_blank" alt="no comment"></map>

This image map code is editable with the Image Map Editor
3. Change to html view

replace the uppercase "RECT" and "CIRCLE" shapes to "rect" and "circle" the imagemap will be well formed but you can't find the circle shape within the Image Map Editor.

Thanks and best regards
Uwe

[Marin Bratanov]

Hi Uwe,

This is a known issue in the ImageMap editor. It is logged in our database and we will do our best to fix it in a future release. You can follow its development via its Public URL.

On a side note - your link points to the online demo for the Classic version of our controls. As it is outdated we recommend upgrading to the new AJAX version with respect to the support for newer browsers and features.

All the best,
Marin
the Telerik team