[Solved] Making a Section of HTML Read Only in Design Mode

[Jeff]

Hello,

I want to prevent users from editing certain sections in the content area. I've found a way to do it in IE7 but I don't have a good way to do it in Firefox.

Take this code for example:

<p>Regular text. Edit as normal.</p>
<div aria-readonly="true">Don't touch me. Nobody gives you that right!</div>
<p>Carry on editing.</p>

When you're in design mode in IE, if you click the readonly section, it is uneditable. Firefox just ignores it.

I'm sure there's a better way to do this that works in all browsers. I just haven't come up with one.

Anyone have any ideas?

Thanks,
Jeff

[Rumen]

Hello Jeff,

Please, see the following help article on the subject: Editable and Non-editable Areas.

More information and examples are available in the forums: http://www.telerik.com/community/forums/aspnet-ajax/editor/non-editable-areas-in-firefox.aspx

Sincerely,
Rumen
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Jeff]

Thanks Rumen. That's exactly what I was looking for.