SP 2010 Publishing - Rollup and Page Images not visible when entering page edit mode

Question

All:
Hello, I have an odd issue recently appearing after installation of FEB 2013 CU install. When users select to Edit a Publishing Page the Rollup Image and also Page Image(Article Page Layout) are not visible. Only the "Click here to insert Image from
SharePoint" link is visible.
The issue has be confirmed in 5 servers across two farms
DEV, QA, and PROD on client recently updated
DEV and PROD in a completely separate client farm
I have confirmed the issue does not exist in two separate farms running April 2012 CU. In both of those environments the image appears with issue even in Edit page mode.
In the farms where the issue exists you can click the insert image link and simply hit OK to see the image again. An easy enough work around for tech savvy but my client's content admins are very confused/frustrated by.
Is this a bug? I have confirmed in two separate farms including brand new web applications using out of the box publishing site templates.

Answer 1

Hi.
We have been facing the same issue in a 2013-environment (SP1), but in this case an upgraded 2010 Solution, which still runs in 2010-mode. Because of this, SharePoint still use resource-files in the 14-hive (as we have not performed an upgrade of Master
Pages etc.) The problem is also reproduced on a clean 2010 Site Collection in the same 2013-environment.
I have managed to find the cause of the problem (at least in our environment), and that is that as long as the selected picture/image has
not defined an "AltText"/"Alternate Text" the problem seems to occur.
In other words, try to define an Alternate Text and click OK in the "Edit Image Properties" Dialog.
I don't know if this may be the case for everyone else, but give it a try.
From this, I've further discovered (after hours of js-debugging) that there is a minor change (from 2010 to 2013) in a js-file called "SelectorControls.js" which is responsible for updating the various controls used in Page Layouts etc.
The problem exist in a method called ASO_UpdateButtonsAndPanels(), which checks whether the Image Control in question has content or not (Url). The local variable "hasContent" is then determined of an if statement, if(this.AssetData.ManageLinkDisplayText)
which in 2010 (14-hive) seems to be "true" regardless whether the Control is of type Image or Hyperlink. Further the code checks for AssetText (Alternate Text) which on an Image may be left empty.
In 2013 (15-hive) however, this if statement has been changed to, if(this.SelectorType==ConstLinkSelectorType), which clearly states "Image" or "Link" depending on the type of control.
I don't know if this is the cause of the problem in 2013, but in 2010 it seems to be exactly that.
Pending a solution from Microsoft, we have modified SelectorControls.js to overcome this issue until the customer decides to do a Visual Upgrade to 2013.
This is by all means not a supported nor a a permanent solution to the problem, as future Hotfixes, Service Pack etc. may "reset" our fix.
Below is a copy of the working solution:
function ASO_UpdateButtonsAndPanels()
{ULSuBa:;
var hasContent=!!this.AssetData.AssetUrl;
//SharePoint 2010: ManageLinkDisplayText is always "True"
//var hasContent=!!this.AssetData.AssetUrl;
//if(this.AssetData.ManageLinkDisplayText)
//hasContent=hasContent && !!this.AssetData.AssetText;
//SharePoint 2013
//var a=!!this.AssetData.AssetUrl;
//if(this.SelectorType==ConstLinkSelectorType) a = a && !!this.AssetData.AssetText;
//Fix for preventing existing selected image to disappear when saving page and/or editing a page with existing image.
if(this.SelectorType!=ConstImageSelectorType)
if(this.AssetData.ManageLinkDisplayText)
hasContent=hasContent && !!this.AssetData.AssetText;
if( hasContent )
if (this.ClearAssetButton !=null)
this.ClearAssetButton.EnableButton();
this.GetAssetSelectedPanel().style.display="inline";
this.GetEmptyPanel().style.display="none";
else
if (this.ClearAssetButton !=null)
this.ClearAssetButton.DisableButton();
this.GetAssetSelectedPanel().style.display="none";
this.GetEmptyPanel().style.display="inline";
I hope this helps anyone else struggling with the same problem.
Thanks!
Øyvind