Read-Only Cross Browser Problems

3 posts, 0 answers
  1. Patrick
    Patrick avatar
    10 posts
    Member since:
    Jun 2014

    Posted 06 Aug 2014 Link to this post

    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. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 07 Aug 2014 in reply to Patrick Link to this post

    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.

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

  3. DevCraft R3 2016 release webinar banner
  4. Patrick
    Patrick avatar
    10 posts
    Member since:
    Jun 2014

    Posted 07 Aug 2014 in reply to Shinu Link to this post

    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  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. 
Back to Top