RadEditor does not open dropdowns to change font and sizes when you open it in ajax modalpopup in google chrome

[veera kumar]

Problem Firefox and google chrome. IE is working.
we are using radeditor version (2009.2.701.35) in vs.net 2008(asp.net) application.
we have scenario like to show a editor in ajax modal popup when on click button event.
modal popup shows editor with all tools defined(font dropdown,size dropdown like..)
then enter some content text into editor and try to change size or font name by selecting dropdowns nothing is open.
and when i hit save button inside modalpopup enterd content does not retained to in to the save click event.

I have also checked this with version 2010.1.519.35 latest version. but no luck.

this is very important and urgent . please provide any workaround to this.

thanks in advance.

[Rumen]

Hi Veera,

You can see how to fix the dropdown problems in this forum thread: Problems with radEditor inside a ModalPopupExtender panel.

The save problem is described in this KB article: RadEditor Content Not Saved After Ajax Update in Firefox, Google Chrome and Safari.

Best regards,
Rumen
the Telerik team

[veera kumar]

Hi,
thanks for your reply,
and i got a solution to Save problem as you suggeted article. Thank you very much.

but i could not able to get solution to show dropdown in firefox and chrome even i referred you suggested article.
but no luck,

this is very important and urgent requirement .
please advice any alternate.

[Dobromir]

Hi Veera,

I tried to reproduce the problem with the dropdowns on our side but to no avail. Could you please describe your scenario in more details?

For your convenience  I have attached my test project. Please modify it to a point where the problem occurs and send it back so we can investigate the issue.

Regards,
Dobromir
the Telerik team

[debasish]

I am facing a problem whIle using a telerik RAD editor inside an ajax modal popup.While Scrolling the webpage the rad editor tool font name and font size is also scrolling. The rad editor inside a modal popup is opening by a link button client click event.

Ascx page::::

<%

 

@ Control Language="C#" AutoEventWireup="true" CodeFile="ucComments.ascx.cs" Inherits="UI_UserControls_Common_ucComments" %>

<%

 

@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="Ajax" %>

<%

 

@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<

 

 

style type="text/css">

 

.Default.reDropDownBody

{

 

z-index: 210990 !important;

}

 

.RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow

{

 

z-index: 110000 !important;

}

 

.RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow.rwInactiveWindow

{

 

z-index: 10990 !important;

}

</

 

 

style>

<%

 

-- position: fixed !important;--%>

<%

 

--210990--%>

 

<script type="text/javascript">

 

function stopRKey(evt) {

 

var evt = (evt) ? evt : ((event) ? event : null);

 

if (evt.target != 'undefined') {

 

var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);

 

if ((evt.keyCode == 13) && (evt.target.value.length < 8000)) { return false; }

}

}

document.onkeypress = stopRKey;

　

 

function stopRKey4TextArea(evt) {

 

var evt = (evt) ? evt : ((event) ? event : null);

 

if (evt.target != 'undefined') {

 

var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);

 

if ((evt.keyCode == 13) && (node.type == "textarea")) { return false; }

}

}

document.onkeypress = stopRKey4TextArea;

　

</

 

 

script>

　

　

<

 

 

div>

<%

 

-- <asp:UpdatePanel ID="upComments" runat="server">

<ContentTemplate>--

 

 

%>

 

<table width="100%">

 

<tr>

 

<td width="40%">

 

<asp:Label ID="lblCommentHeader" runat="server" Font-Bold="true"></asp:Label>

 

<span id="spError" runat="server" visible="false" class="mandatory"> *</span>

 

</td>

 

<td width="20%">

 

</td>

 

<td align="right" width="40%">

 

<asp:Button ID="lnkAddComments" runat="server" Text="Edit" CssClass="but_link" UseSubmitBehavior="false"></asp:Button>

<%

 

-- <asp:LinkButton ID="lnkAddComments" runat="server" Text="Add/view Comment" CssClass="but_link"></asp:LinkButton>--%>

 

<asp:HiddenField ID="hfnpopup" runat="server" />

 

<Ajax:ModalPopupExtender ID="mpeAddComents" runat="server" PopupControlID="pnlRichTextBox"

 

TargetControlID="hfnpopup" DropShadow="false" BackgroundCssClass="modalBackground" PopupDragHandleControlID="pnl3">

 

</Ajax:ModalPopupExtender>

 

</td>

 

</tr>

 

<tr>

 

<td colspan="3" width="100%">

 

<asp:TextBox ID="txtComments" runat="server" TextMode="MultiLine" Width="100%" Rows="7"

 

CssClass="txtarea_disable" Wrap="TRUE" onkeypress="return stopRKey4TextArea(event);"></asp:TextBox>

 

<asp:RequiredFieldValidator ID="rfvsomething" runat="server" Display="Dynamic" Font-Bold="True"

 

ForeColor="#FF3300" ControlToValidate="txtComments" Enabled="false">&nbsp;</asp:RequiredFieldValidator>

 

</td>

 

</tr>

 

<tr>

 

<td colspan="3" width="100%">

 

<asp:Panel ID="pnlRichTextBox" runat="server" CssClass="modalPopup" Style="display: none;">

 

<table width="100%">

 

<tr>

 

<td>

 

</td>

 

<td style="float: right;">

 

<asp:ImageButton ID="btnClose" runat="server" ImageUrl="~/images/closeButton.gif"

 

ToolTip="Close" CausesValidation="false" AutoPostBack="false"></asp:ImageButton>

 

</td>

 

</tr>

 

<tr>

 

<td colspan="2">

 

<h1> <asp:Label ID="lblRichTextBoxHeader" runat="server" Font-Bold="true"></asp:Label> </h1>

 

</td>

 

</tr>

 

<tr>

 

<td colspan="2">

 

<asp:UpdatePanel ID="upComments" runat="server">

 

<ContentTemplate>

 

<div id="divComments" runat="server">

 

<asp:HiddenField ID="hdfComments" runat="server" />

 

<asp:Panel ID="pnl3" runat="server">

 

<div>

 

<telerik:RadEditor ID="reComments" AutoResizeHeight="false" runat="server" Width="100%"

 

EditModes="Design" ContentAreaMode="Div" Font-Size="11px" Font-Names="Tahoma">

 

<Tools>

 

<telerik:EditorToolGroup>

<%

 

-- <telerik:editortool name="fontname" enabled="true" />

<telerik:editortool name="fontsize" enabled="true" />--

 

 

%>

 

<telerik:EditorTool Name="Bold" Enabled="true" ShortCut="CTRL+B" />

 

<telerik:EditorTool Name="Italic" Enabled="true" ShortCut="CTRL+I" />

<%

 

-- <telerik:EditorTool Name="Underline" Enabled="true" ShortCut="CTRL+U" />--%>

 

<telerik:EditorTool Name="Copy" Enabled="true" ShortCut="CTRL+C" />

 

<telerik:EditorTool Name="Paste" Enabled="true" ShortCut="CTRL+V" />

 

<telerik:EditorTool Name="Cut" ShortCut="CTRL+X" />

 

<telerik:EditorTool Name="InsertUnorderedList" />

 

<telerik:EditorTool Name="InsertOrderedList" />

 

<telerik:EditorTool Name="JustifyLeft" Enabled="true" />

 

<telerik:EditorTool Name="JustifyCenter" />

 

<telerik:EditorTool Name="JustifyFull" />

 

<telerik:EditorTool Name="JustifyRight" />

 

<telerik:EditorTool Name="JustifyNone" />

 

<telerik:EditorTool Name="Indent" />

 

<telerik:EditorTool Name="Outdent" />

 

<telerik:EditorTool Name="AjaxSpellCheck" ShowText="false" Enabled="true" ImageUrl="../images/spellcheck.png"

 

ShowIcon="true" />

 

<telerik:EditorTool Name="Undo" ShortCut="CTRL+Z" />

 

<telerik:EditorTool Name="fontname" Enabled="true"/>

 

<telerik:EditorTool Name="fontsize" Enabled="true" />

 

</telerik:EditorToolGroup>

 

</Tools>

 

</telerik:RadEditor>

 

</div>

 

</asp:Panel>

 

</div>

 

</ContentTemplate>

 

</asp:UpdatePanel>

 

</td>

 

</tr>

 

<tr>

 

<td>

 

</td>

 

<td align="center">

 

<div class="buttons_block" runat="server" id="divbuttons_block">

 

<asp:Button ID="btnOk" Text="Done" runat="server" CausesValidation="false" AutoPostBack="false" CssClass="button">

 

</asp:Button>

 

<asp:Button ID="btnCancel" Text="Reset" runat="server" AutoPostBack="false" CausesValidation="false" CssClass="button">

 

</asp:Button>

 

</div>

 

</td>

 

</tr>

 

</table>

 

</asp:Panel>

 

</td>

 

</tr>

 

</table>

</

 

 

div>

i need a solution ASAP.Please do reply if have any solution.

 

 

 

[Slav]

Hi Debasish,

Please check your support ticket on the matter for a possible approach to handle your scenario. I would suggest using a separate ticket/forum thread for every problem that you report in the future. This way the information on the case will be easier to follow.

That being said, let us continue our discussion in the your support ticket. After the problem is resolved, you can post the solution here so that it is available to the community.

Kind regards,
Slav
the Telerik team