Guilherme Magalhaes

MOSS PublishingWebControls:RichImageField problems

The CMS features of MOSS are cool, but IMO they clearly were not been thought a very good quality check.

Almost every single SharePoint control render itself in quirks mode, and usually outputs content even if they have nothing in it.

PublishingWebControls:RichImageField is an example. If you don’t put any image in it, it stills render some divs, spans and HTML nbsp spaces. And those nbsp spaces usually creates 2px gaps on IE and other browsers.

How to fix it then?

I created a small javascript using the same approach that the BlankWebMastepage page uses. Just warp your RichImageField around a div like this:

<div id="_fixRichImageField" name="_fixRichImageField">
<PublishingWebControls:RichImageField FieldName="Banner" runat="server"></PublishingWebControls:RichImageField></div>

and put this javascript at the end of your masterpage:

<script language="javascript" type="text/javascript">

function fixRichImageField()
{
var allElements=document.getElementsByName("_fixRichImageField");

for (var curElement = 0; curElement < allElements.length; curElement++)
{
if(allElements[curElement].innerHTML.toLowerCase().indexOf("</span>&nbsp;") != -1)
{
allElements[curElement].innerHTML = allElements[curElement].innerHTML.toLowerCase().replace('</span>&nbsp;', '</span>');
}
}
}

if(typeof(fixRichImageField) == "function") {fixRichImageField();}

</script>