This is a migrated thread and some comments may be shown as answers.

Dialogs Freeze

23 Answers 194 Views

Editor

This is a migrated thread and some comments may be shown as answers.

23 Answers, 1 is accepted

answered on 27 Oct 2010, 08:54 AM

Hello Koren,

The problem is really odd and you are the first to report it.
If the problem was due to some antivirus, firewall, websense program that is blocking the JavaScript of the dialogs then the problem should not be reproducible sporadically. In order to help you we need reliable steps to reproduce and for that reason our suggestion is to check with Fiddler or FireBug what happens when the dialogs are loaded and whether any of the resource files are not coming from the server (are blocked by some program).

It could be also helpful to provide a live URL to the problematic site and provide steps to reproduce the issue on our end.

Best regards,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

answered on 27 Oct 2010, 01:13 PM

I am using the editor as part of Azure WebRole and I am currently running it on my machine using the development fabric and .NET 3.5. I have windows 7 with IIS 7.
The buttons are configured to load from Tools.xml file and I have also added "Save" button exactly as described on your help resources.In addition to the strange behavior described above, I noticed that when I click a dialog button and the dialog loads, soemtimes it takes a while to load and if I click on something during the load time, it suddenly stuck. I also noticed that if I click the Save button and immediately after click the template manager button, I get a javascript error "Access is denied" to WebResource.axd .

answered on 27 Oct 2010, 01:54 PM

Hello Koren,

To optimize the loading speed of the dialogs in MVC you can put RadScriptManager or use our new Telerik Editor for MVC.

As to the "Access is denied" error: The Save button performs a callback to the server when clicked. After the callback the editor's object is changed. The dialogs still refer to the original editor's object and they throw this error because after the callback the editor object is changed and is not the expected one by the dialogs.

Kind regards,
Rumen
the Telerik team

answered on 27 Oct 2010, 04:34 PM

Hello Koren,

Telerik MVC Editor is a new control and it does not offer all features offered by RadEditor for ASP.NET AJAX. However the MVC Editor is especially designed for MVC and it should work better in MVC environment.

As to the Save problem: You could attach to the OnClientSubmit event of RadEditor or the Click event of the Save button and disable the editor control by executing the editor.enableEditing(false); client-side method:

editor.enableEditing(false);

editor.set_editable(false);

editor.get_document().body.style.backgroundColor = "gray";

Sincerely yours,
Rumen
the Telerik team

answered on 28 Oct 2010, 02:49 PM

disabletoolbaronsubmit.zip

Hi Koren,

You can enable the toolbar when the ajax response ends, e.g.

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest" 
ClientEvents-OnResponseEnd="EnableEditor">
</telerik:RadAjaxManager>
<telerik:RadEditor ID="RadEditor1" runat="server" Skin="Web20" ToolsFile="ToolsFile.xml">
</telerik:RadEditor>
 
<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
    <script type="text/javascript">
    RadEditorCommandList["Save"] = function (commandName, editor, oTool) {
        ajaxRequest("Save");
    }
    RadEditorCommandList["Cancel"] = function (commandName, editor, oTool) {
        ajaxRequest("Cancel");
    }
 
   var editorObject = null;
    
   function ajaxRequest(operation)
   {
      editor = $find("<%=RadEditor1.ClientID%>");
      editor.enableEditing(false);
      var ajaxManager = <%= RadAjaxManager1.ClientID %>;
      ajaxManager.ajaxRequest(operation);
   }
 
   function EnableEditor()
   {
      editor.enableEditing(true);
   }
   </script>

For your convenience I have attached my test page.

Sincerely yours,
Rumen
the Telerik team

answered on 29 Oct 2010, 05:19 PM

Hi Koren,

You can attach the following function to the OnClientCommandExecuting event of RadEditor and fire the enableEditing method when closing the dialog:

<script type="text/javascript">

function

OnClientCommandExecuting(editor, args) {

editor.get_dialogOpener()._container.add_close(function() { editor.enableEditing(true); });

}

</script>

<telerik:RadEditor ID="RadEditor1" runat="server" Skin="Web20" OnClientCommandExecuting="OnClientCommandExecuting">

</telerik:RadEditor>

Regards,
Rumen
the Telerik team

answered on 29 Oct 2010, 07:31 PM

Here is my code:

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>Editor</title>

<script type="text/javascript">

function OnClientLoad(editor, args) {

// full screen mode

editor.fire("ToggleScreenMode");

}

function OnClientCommandExecuting(editor, args) {

editor.get_dialogOpener()._container.add_close(function () { editor.enableEditing(true); });

}

</script>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

</telerik:RadStyleSheetManager>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest"

ClientEvents-OnResponseEnd="EnableEditor">

</telerik:RadAjaxManager>

<div>

<telerik:RadEditor ID="RadEditor1" runat="server" Skin="Vista"

OnClientCommandExecuting="OnClientCommandExecuting" OnClientLoad="OnClientLoad">

</telerik:RadEditor>

</div>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

RadEditorCommandList["Save"] = function (commandName, editor, oTool) {

ajaxRequest("Save");

}

function ajaxRequest(operation)

{

DisableEditor();

var ajaxManager = <%= RadAjaxManager1.ClientID %>;

ajaxManager.ajaxRequest(operation);

}

function DisableEditor()

{

var editor = $find("<%=RadEditor1.ClientID%>");

editor.enableEditing(false);

}

function EnableEditor()

{

var editor = $find("<%=RadEditor1.ClientID%>");

editor.enableEditing(true);

}

</script>

</telerik:RadScriptBlock>

</form>

</body>

</html>

answered on 02 Nov 2010, 02:51 PM

The steps are OK. There few more things: when teh dialog opens on my app, it sets the bg to gray. In addition, I use the following tools.xml

<root>

<modules>

<module name="RadEditorStatistics" dockingZone="Bottom" enabled="true" visible="false" />

<module name="RadEditorDomInspector" dockingZone="Module" enabled="true" visible="false" />

<module name="RadEditorNodeInspector" dockingZone="Module" enabled="true" visible="false" />

<module name="RadEditorHtmlInspector" dockingZone="Module" enabled="true" visible="false" />

</modules>

<tools name="MainToolbar" enabled="true">

<tool name="Save" />

<tool name="InsertSymbol" />

<tool name="FormatStripper" />

<tool separator="true"/>

<tool name="StripAll" />

<tool name="StripCss" />

<tool name="StripFont" />

<tool name="StripSpan" />

<tool name="StripWord" />

</tools>

<tools name="InsertToolbar" enabled="true" >

<tool name="AjaxSpellCheck"/>

<tool name="ImageManager" shortcut="CTRL+M"/>

<tool name="ImageMapDialog"/>

<tool separator="true"/>

<tool name="DocumentManager" />

<tool name="TemplateManager" text="Layout Manager" />

<tool separator="true"/>

<tool name="InsertTable" />

<tool name="InsertRowAbove" />

<tool name="InsertRowBelow" />

<tool name="DeleteRow" />

<tool name="InsertColumnLeft" />

<tool name="InsertColumnRight" />

<tool name="DeleteColumn" />

<tool separator="true"/>

<tool name="MergeColumns" />

<tool name="MergeRows" />

<tool separator="true"/>

<tool name="SplitCell" />

<tool name="DeleteCell" />

<tool name="SetCellProperties" />

<tool name="SetTableProperties" />

</tools>

<tools enabled="true">

<tool name="Undo" />

<tool name="Redo" />

<tool separator="true"/>

<tool name="Cut" />

<tool name="Copy" />

<tool name="Paste" shortcut="CTRL+!"/>

<tool separator="true"/>

<tool name="PasteFromWord" />

<tool name="PasteFromWordNoFontsNoSizes" />

<tool name="PastePlainText" />

<tool name="PasteAsHtml" />

<tool separator="true"/>

<tool name="Print" />

<tool name="FindAndReplace" />

<tool name="SelectAll" />

<tool separator="true"/>

<tool name="InsertGroupbox" />

<tool name="InsertParagraph" />

<tool name="InsertHorizontalRule" />

<tool name="InsertSnippet" />

<tool separator="true"/>

<tool name="InsertDate" />

<tool name="InsertTime" />

</tools>

<tools enabled="true" dockable="true">

<tool name="Bold" />

<tool name="Italic" />

<tool name="Underline" />

<tool name="StrikeThrough" />

<tool separator="true"/>

<tool name="JustifyLeft" />

<tool name="JustifyCenter" />

<tool name="JustifyRight" />

<tool name="JustifyFull" />

<tool name="JustifyNone" />

<tool separator="true"/>

<tool name="ConvertToLower" />

<tool name="ConvertToUpper" />

<tool name="Indent" />

<tool name="Outdent" />

<tool name="AbsolutePosition" />

<tool name="LinkManager" />

<tool name="Unlink" />

<tool name="ToggleTableBorder" />

<tool name="ToggleScreenMode" />

<tool name="ModuleManager" />

</tools>

<tools name="DropdownToolbar" dockable="true" >

<tool name="ForeColor" />

<tool name="BackColor"/>

<tool separator="true"/>

<tool name="FontName"/>

<tool name="FontSize"/>

<tool name="RealFontSize"/>

<tool name="ApplyClass"/>

<tool name="InsertCustomLink"/>

<tool name="FormatBlock"/>

<tool name="Zoom" />

</tools>

<symbols>

</symbols>

<fontNames>

</fontNames>

<fontSizes>

</fontSizes>

<colors>

</colors>

<classes>

</classes>

<paragraphs>

</paragraphs>

<dialogParameters>

</dialogParameters>

<languages>

</languages>

</root>

And I use the following to change the dialog window name

void Page_PreRenderComplete(object sender, EventArgs e)

{

Telerik.Web.UI.DialogDefinition templatekManager = RadEditor1.GetDialogDefinition("TemplateManager");

templatekManager.Title = "Layout Manager";

}

answered on 05 Nov 2010, 08:52 AM

enabledisableradeditorq22010sp2.zip

Hello Koren,

I was unable to reproduce the problem again, but I updated a bit the code. Please, test it and if the issue still persists, record (for example using Jing) and send a video, which demonstrates how to reproduce the problem.

Regards,
Rumen
the Telerik team

answered on 10 Nov 2010, 03:42 PM

Hi Koren,

I am still unable to reproduce the problem but I have another suggestion. It is to programmatically remove the modal background element when closing the dialog using the new highlighted line:

function OnClientCommandExecuting(editor, args) {

editor.get_dialogOpener()._container.add_close(function (sender, args) {

editor.enableEditing(true);

editor.set_editable(true);

editor.get_document().body.style.backgroundColor = "white";

if (sender._modalExtender) { sender._modalExtender.hide(); }

});

}

If you still experience the problem please provide a fully working project that demonstrates it.

Best regards,
Rumen
the Telerik team