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

Preview mode

7 Answers 146 Views

Editor

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

7 Answers, 1 is accepted

answered on 23 Jul 2010, 11:46 AM

Hi Stuart,

We are not aware of such problem and you are the first one to report it. I tried to reproduce the problem on my side but to no avail.

Could you please open a support ticket and provide a sample project reproducing the problem so we can investigate it further?

On a side note, is any JavaScript error thrown on the page during load? If so, this might interrupt of the further execution of the JavaScript code related to the disabling of the toolbar of the second editor.

Greetings,
Dobromir
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 23 Jul 2010, 12:30 PM

ss3.jpg

ss1.jpg

ss2.jpg

Dobromir ,

Sorry, my bad. I neglected to mention something; the editors are in RadPageView controls.

Below is a standalone page that demonstrates the problem...

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1"

runat="server"/>

</head>

<body>

<form id="form1"

runat="server">

<telerik:RadScriptManager ID="RadScriptManager1"

runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI"

Name="Telerik.Web.UI.Common.Core.js"/>

<asp:ScriptReference Assembly="Telerik.Web.UI"

Name="Telerik.Web.UI.Common.jQuery.js"/>

<asp:ScriptReference Assembly="Telerik.Web.UI"

Name="Telerik.Web.UI.Common.jQueryInclude.js"/>

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1"

runat="server">

</telerik:RadAjaxManager>

<telerik:RadSkinManager ID="RadSkinManager1"

Runat="server"

Skin="WebBlue">

</telerik:RadSkinManager>

<telerik:RadTabStrip ID="RadTabStrip1"

runat="server"

MultiPageID="RadMultiPage1"

SelectedIndex="0">

<Tabs>

<telerik:RadTab Value="edit"

Text="Edit"/>

<telerik:RadTab Value="history"

Text="History"/>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1"

runat="server"

SelectedIndex="0">

<telerik:RadPageView ID="RadPageView1"

runat="server">

<telerik:RadEditor ID="edtNote"

runat="server"

EnableResize="false"

EnableViewState="true"

ContentAreaMode="Div"

EditModes="Design, Preview"

NewLineBr="false"

ToolbarMode="Default">

<Modules>

<telerik:EditorModule Name="RadEditorStatistics"

Enabled="false"

Visible="false"/>

<telerik:EditorModule Name="RadEditorDomInspector"

Enabled="false"

Visible="false"/>

<telerik:EditorModule Name="RadEditorHtmlInspector"

Enabled="false"

Visible="false"/>

<telerik:EditorModule Name="RadEditorNodeInspector"

Enabled="false"

Visible="false"/>

</Modules>

</telerik:RadEditor>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2"

runat="server">

<telerik:RadEditor ID="edtHistory"

runat="server"

EnableResize="false"

ContentAreaMode="Div"

EditModes="Preview"

NewLineBr="false">

<CssFiles>

<telerik:EditorCssFile Value="~/App_Themes/Default/Default.css"/>

</CssFiles>

<Modules>

<telerik:EditorModule Name="RadEditorStatistics"

Enabled="false"

Visible="false"/>

<telerik:EditorModule Name="RadEditorDomInspector"

Enabled="false"

Visible="false"/>

<telerik:EditorModule Name="RadEditorHtmlInspector"

Enabled="false"

Visible="false"/>

<telerik:EditorModule Name="RadEditorNodeInspector"

Enabled="false"

Visible="false"/>

</Modules>

</telerik:RadEditor>

</telerik:RadPageView>

</telerik:RadMultiPage>

</form>

</body>

</html>

For the sake of completion, I've included 3 screen shots; ss1 shows the fist editor in Design mode, ss2 the same editor in Preview mode and the ss3 the 2nd editor in Preview mode.

--
Stuart

Accepted

answered on 27 Jul 2010, 02:11 PM

Hi Stuart,

Thank you for the additional information and the sample page. This problem occurs when the RadEditor is placed in initially invisible parent. You can use the following approach to avoid this issue:

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"

SelectedIndex="0" OnClientTabSelected="OnClientTabSelected">

<Tabs>

<telerik:RadTab Value="edit" Text="Edit" />

<telerik:RadTab Value="history" Text="History" />

</Tabs>

</telerik:RadTabStrip>

...........

<script type="text/javascript">

function OnClientTabSelected(sender, args)

{

if (args.get_tab().get_index() == "1")//check if the selected tab is the one containing the correct editor

{

setTimeout(function ()

{

var editor = $find("<%= edtHistory.ClientID %>");//get reference to the editor

editor.set_editable(false);

editor.enableEditing(false);

}, 0);

}

</script>

Best wishes,
Dobromir
the Telerik team