Hello Telerik team,
We have discovered an issue with the RadEditor in a RadMultiPage or a RadSplitter (RadControls For Asp.NET Ajax, version 2011.3.1305.40) . In our scenario, we are attaching a click event handler to the editor as soon as it loads. The click handler fires correctly when the editor is not nested within a splitter or a multipage. We require to have the editor within a RadPageView in a RadSplitter, so please advise us on how to fix this issue.
Below there is some test code we have used:
<telerik:RadCodeBlock ID="rcb" runat="server">
<script type="text/javascript">
//TEST SCENARIO1 - editor in RadMultiPage
function EditorOnClientLoad(editor, args) {
editor.attachEventHandler("onclick", function (e) {
alert('Editor clicked!');
});
}
//TEST SCENARIO2 - editor in RadSplitter
function Editor1OnClientLoad(editor, args) {
editor.attachEventHandler("onclick", function (e) {
alert('Editor1 clicked!');
});
}
</script>
</telerik:RadCodeBlock>
<%--TEST SCENARIO1--%>
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Office2007" MultiPageID="RadMultiPage1"
SelectedIndex="0">
<Tabs>
<telerik:RadTab runat="server" Text="Description" Value="Description" PageViewID="RadPageView1">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Content" Value="Content" PageViewID="RadPageView2">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" Height="430px">
<telerik:RadPageView ID="RadPageView1" runat="server">
<div id="div1" runat="server" >
<div id="div2" runat="server" >
....
</div>
</div>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView2" runat="server">
<table cellpadding="0" cellspacing="5">
<tr>
<td align="right" valign="middle">
Message
</td>
<td valign="middle">
<telerik:RadEditor ID="editorMessage" runat="server" Skin="Office2007" EnableResize="false"
OnClientLoad="EditorOnClientLoad">
</telerik:RadEditor>
</td>
</tr>
</table>
</telerik:RadPageView>
</telerik:RadMultiPage>
<%--TEST SCENARIO 2--%>
<telerik:RadSplitter ID="rs1" runat="server" Width="800px">
<telerik:RadPane ID="rp1" runat="server">
<telerik:RadEditor ID="RadEditor1" runat="server" Skin="Office2007" EnableResize="false"
OnClientLoad="Editor1OnClientLoad">
</telerik:RadEditor>
</telerik:RadPane>
</telerik:RadSplitter>
None of the above test scenarios fire the click handler of the RadEditor. Moreover, in the RadMultiPage scenario, Google Chrome shows an error when clicking the second tab:
- Uncaught TypeError: Cannot read property 'tagName' of null
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
g
As a note, we have just upgraded our RadControls from version 2011.2.915 (the click handler of the editor worked fine with this version) to the latest version.
Please provide us with a solution to this problem.
Thank you.