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

Read-Only Cross Browser Problems

2 Answers 51 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Patrick
Top achievements
Rank 1
Patrick asked on 06 Aug 2014, 03:06 PM
I am using the Rad Editor tool in a web application. The editor is used to automatically load basic HTML templated forms to be filled out. The problem with the editor is that the read-only functionality works differently in separate browsers. Safari, and Chrome work perfect with the read-only sections (i.e. a table data like <td contenteditable="false" unselectable="ON">Example</td>). Internet Explorer works partially. IE will work properly with read-only elements as long as the first click inside the editor is on an element that is not meant to be read-only. If the first element clicked is a read-only one, the cursor is focused at the start of the first read-only element, and allows the read-only to be edited. As for Firefox, read-only sections will not work at all. The html is able to be deleted at any time. Is there a way to make read-only elements cross browser compatible?

2 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 07 Aug 2014, 06:01 AM
Hi Patrick,

Please have a look into the sample code snippet which works fine at my end. The easiest way to make a RadEditor as Readonly is set the Enabled property to false. Please provide your code if it doesn't help.

ASPX:
<telerik:RadEditor runat="server" ID="RadEditor1" Enabled="false" Style="overflow: scroll;">
    <Content>
   <div>
   This is an example page.
   </div>
    </Content>
</telerik:RadEditor>

Thanks,
Shinu.
0
Patrick
Top achievements
Rank 1
answered on 07 Aug 2014, 04:21 PM
Thanks for your response. I cannot get that code to work however. Instead of pasting my code here, it might be easier for you to see the application first-hand to better see the problem I am having with the editor. If you go to http://mckula.com/services/incident-tracker  then click the "View a Live Demo" image, you can see in Box 3 the editor. Then the code is in there under a template called Help accessed from the dropdown box. In Design mode, the read-only errors I mentioned in the previous post can be found. The templates are pure HTML instead of telerik tags. 
Tags
Editor
Asked by
Patrick
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Patrick
Top achievements
Rank 1
Share this question
or