Radhtmlfield - full-screen mode overlap problem

[Jeff Volkman]

I'm having a problem with the Radhtmlfield (in Sharepoint 2007).  In edit mode, when toggled to full-screen, it ducks behind other controls, so that the other controls are covering part of the Radhtmlfield.  I've tried setting z-index values for both the Radhtmlfield, and the other overlapping controls, but with no noticeable results.  Any suggestions, please?
thanks!!
-JeffV

[Rumen]

Hi Jeff,

I am aware of such a problem and I have already provided a solution for it in a support ticket posted by another client. For your convenience I have pasted below the provided solution in the ticket:

The problem is due to style="position: fixed" css property of the footer section, which appear over the editor in full screen mode. To fix the problem you should set position: static or hide (display:none) the footer element when the editor is switched to full screen mode and after that  when it is toggled back to normal mode to set their position css property to absolute again, e.g.

Copy Code

<script type="text/javascript" language="javascript">
function OnClientCommandExecuting(editor, args)
 {
   var commandName = args.get_commandName();
   if (commandName == "ToggleScreenMode")
   {
         if (!editor.isFullScreen()) //if the editor is placed in fullscreen mode
         {
           alert("change the position property value to static or directly hide the footer element");
            fullscreen = true;
         }
         else
         {
            alert("set the position property to fixed");
         }
   }
 }
 </script>
<telerik:RadEditor id="RadEditor1" Runat="server" OnClientCommandExecuting="OnClientCommandExecuting"></telerik:RadEditor>

The following forum threads could be helpful as well:

http://www.telerik.com/community/forums/aspnet-ajax/editor/fullscreen-view-behind-modal.aspx

http://www.telerik.com/community/forums/aspnet-ajax/editor/full-screen-hides-quot-toggle-button-quot.aspx

You can see how to attach to the RadEditor for MOSS events in the following KB article: How to execute custom code called on RadEditor's events.


Kind regards,
Rumen
the Telerik team

[Jeff Volkman]

Thanks for the reply Rumen.  The problem I'm having with this solution is that I'm trying to apply it to the RadHtmlField, which doesn't appear to have an OnClientCommandExecuting property.  On trying to run this code, I get the following error:

Type 'Telerik.Sharepoint.FieldEditor.RadHtmlField' does not have a property named 'OnClientCommandExecuting'.

Do I need to create this property?

Thanks again!

-Jeff Volkman

[Rumen]

Hi Jeff,

Did you tried the suggestion provided in the following KB article: How to execute custom code called on RadEditor's events?

All you need to do to execute your own function in the OnClientCommandExecuting event is to open the respective ConfigFile (ConfigFile.xml or ListConfigFile.xml) and set:

<property name="OnClientCommandExecuting">OnClientCommandExecuting</property>

The JavaScript code of the OnClientCommandExecuting function should be placed in the wpresources\RadEditorSharePoint\5.x.x.x__1f131a624888eeed\Resources\ MOSSEditorTools.js file.

Best regards,
Rumen
the Telerik team