Support forums - CSS Isolation

Support forums » Products » Cute Editor for .NET » Re: CSS Isolation

CSS Isolation

Last post 06-29-2006, 8:11 PM by Adam. 6 replies.


	Sort Posts: Previous Next

06-27-2006, 10:22 AM 20517

UnlnvlslblE
Joined on 06-19-2006
Posts 60

CSS Isolation

Reply Quote

Is there a way to isolate the editor from the CSS defined for the page it is contained in? I am having trouble with inheriting styles. When looking at my page in IE the editor looks fine but in Firefox it inherits the styles which in turn makes the drop down menus huge and skews the editor out of proportion. Is there some way I can tell it to isolate itself from the styles?

06-27-2006, 11:10 AM 20524 in reply to 20517

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: CSS Isolation

Reply Quote

Please check Editor.DisableClassList Property.

Editor.DisableClassList Property

The class items in the CssClass dropdown needed to be disabled going to this string. Example DisableClassList="BreadCrumb, TopicMenu, Footer"

asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
asp wysiwyg html editor: http://cutesoft.net/ASP
asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
Live Support: http://cutesoft.net/live-support/default.aspx

06-27-2006, 12:03 PM 20530 in reply to 20524

UnlnvlslblE
Joined on 06-19-2006
Posts 60

Re: CSS Isolation

Reply Quote

Is there any way to use a wildcard for this property like DisableClassList="*"? I have multiple pages with different styles in each and would like to get rid of them all when it comes to the editor. Is is possible to do this?

06-27-2006, 12:05 PM 20531 in reply to 20530

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: CSS Isolation

Reply Quote

No, you have to list all the classes.

06-28-2006, 3:39 PM 20568 in reply to 20531

UnlnvlslblE
Joined on 06-19-2006
Posts 60

Re: CSS Isolation

Reply Quote

I'm not sure if I'm doing this right, but it doesn't seem to be working for me yet. Do you have an idea of which classes I should be putting in this tag? Here are the sheets being inherited in the page.

http://hcecorp.com/orc/maindrop.css
http://hcecorp.com/orc/forms.css

And here is an example editor within the page
http://hcecorp.com/orc/editor.aspx

Also, when you right click in the editor the menu comes up in a weird place. This happens in Firefox.

It would be a GREAT feature if you could have a tag to allow the editor to completely isolate itself from CSS inherited in the page. Is this a possibility? Thanks for the help!

06-29-2006, 3:32 PM 20601 in reply to 20568

UnlnvlslblE
Joined on 06-19-2006
Posts 60

Re: CSS Isolation

Reply Quote

I found the class that is causing my drop down menus to be distorted. However, when I put that class into the DisableClassList it does not work. I believe this feature is probably broken. Please take a deeper look into it. I had to actually remove the element from the style sheet to get it back to normal size. Thanks!

06-29-2006, 8:11 PM 20606 in reply to 20601

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: CSS Isolation

Reply Quote

The above link doesn't work anymore.