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

RadEditor

2 Answers 86 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Patrick
Top achievements
Rank 1
Patrick asked on 16 Dec 2011, 10:45 PM
We are using RadEditor and the editing tool is not matching the final display. The width of the editor seems to vary depending on the browser, so we are never seeing a true wysiwyg experience. Is there a way to lock down the width of the editor independent of the browser?

2 Answers, 1 is accepted

Sort by
0
Richard
Top achievements
Rank 1
answered on 19 Dec 2011, 04:36 PM
Patrick,

Are you controlling the display of your RadEditor instances by using AJAX? If so, take a look at this thread as it may provide a solution.

Incorrect rendering of RadEditor when shown with AJAX in initially hidden parent


Cheers!
0
puneet
Top achievements
Rank 1
answered on 14 Apr 2015, 08:48 AM

I am using two radeditor controls on my web page. Both controls are looking fine in IE , Mozilla Firefox but content area of both radeditor are collapsing in Google Chrome.

On investigation , i found that content area are collapsing due to iframe height . I tried to minimize the iframe height. After minimizing it, both rad controls are looking fine in Google Chrome too. But toolbar(Bold,Italic,Underline etc.) is still enabled on click of HTML and Preview button in RadEditor1(Normally, toolbar are disabled on click of HTML and Preview button) and Design,HTML ,Preview links are not clickable in RadEditor2.

Code:

Both RadEditors are using OnClientLoad="OnRadEditClientLoad"

function OnRadEditClientLoad(editor, args) { 

              var bodyIframe = editor.get_contentAreaElement();
              bodyIframe.style.height = "132px";
              bodyIframe.style.width = "100%";
              bodyIframe.style.margin = "0px";
              bodyIframe.style.padding = "0px";
              var bodyMinHeight = document.getElementById("#ctl00_FormContentPlaceHolder_txtInstruction_contentIframe");
              bodyMinHeight.style.minHeight = "132px";

              var delegateBodyMinHeight = document.getElementById("#ctl00_FormContentPlaceHolder_txtDelegateEmailBody_contentIframe");
              delegateBodyMinHeight.style.minHeight = "132px";

}

Tags
General Discussions
Asked by
Patrick
Top achievements
Rank 1
Answers by
Richard
Top achievements
Rank 1
puneet
Top achievements
Rank 1
Share this question
or