Completed
Last Updated: 09 Jun 2015 16:10 by ADMIN
ADMIN
Ianko
Created on: 19 Nov 2013 13:04
Category: Editor
Type: Bug Report
0
Fix when the RadEditor control is set as an Editable item of the RadGrid and the popup is set to Modal="true", invoking the ToggleScreenMode causes the editor to be behind the modal layer
When this is happening the editor is unavailable for editing and the button for disabling this mode is also unavailable.

A possible resolution is to use the Form Template option of the EditFormSettings property and set a RadEditor control with the following function attached to the OnClientCommandExecuted event:

function OnClientCommandExecuted(editor, args) {
	var commandName = args.get_commandName();
	if (commandName === "ToggleScreenMode") {
		var isFullScreen = editor.isFullScreen();
		var modalExtender = $telerik.$("#modalDivId_<%= RadGrid1.ClientID %>");

		if (isFullScreen)
			modalExtender.hide();
		else
			modalExtender.show();
		}
	}


Also, this happens with simple DOM elements set with fixed position. The following workaround fixes the Full Screen of  the RadEditor control in all similar cases when elements are overlaying. 

<telerik:RadEditor runat="server" ID="RE1" OnClientCommandExecuted="OnClientCommandExecuted">
</telerik:RadEditor>

<script type="text/javascript">
	function OnClientCommandExecuted(editor, args) {
		if (args.get_commandName() === "ToggleScreenMode") {
			var editorElement = editor.get_element();
			if (editor.isFullScreen()) {
				editorElement.style.position = "absolute";
				editorElement.style.zIndex = "100000";
			} else {
				editorElement.style.position = "";
				editorElement.style.zIndex = "";
			}
		}
	}
</script>
0 comments