Problem with embeded skins/css

5 posts, 0 answers
  1. Damir Franciskovic
    Damir Franciskovic avatar
    3 posts
    Member since:
    Sep 2003

    Posted 14 Nov 2007 Link to this post

    Hello,

    I've just tried out the Prometeus version of Editor and have issues with embedded css resources. It applies to both Default and Vista skin.

    The main problem is that you don't have specific class names/id's for editor styles, like UL,LI, etc tags.

    We use css styles for all UL,LI elements in all websites we build. We have styles for margins, padding, liststyles etc. that are used in content pages globaly.

    When RadEditor is used all ul/li elements in editor interface are affected and they look, well, crappy.
    After disabling our ul/li styles it looks good in IE6, but still looks bad in Firefox. In Opera it looks OK, but width is wider than it should be (radedit is set to 100% width and that breaks the box model).

    I suppose I'm not the only one with this problem...

    Can't You make all elements in prometheus control specific with classes and id's so they don't break allready defined interface elements?

    Good start is setting class="radedit" on all ul,li,table, etc. elements in skin files.

    I've got screendumps for all tested browsers, too bad I can't upload those files with post here. Let me know if I can mail it over to someone if needed.
  2. Damir Franciskovic
    Damir Franciskovic avatar
    3 posts
    Member since:
    Sep 2003

    Posted 14 Nov 2007 Link to this post

    Hello again...

    After examinining the embedded css code with WebDeveloper plugin I've seen that there are specific styles for editor elements.

    It still breaks on our pages even if our style definitions are defined in the first css file we include on the page. Those global styles should be overrided with radedit classes that are embedded in resource files. Or have I got it wrong?
    Are resource files embedded before our included styles?

    Styles that break the interface are pretty standard ul definitions like:

    #content ul {
     margin: 1em 0;
     padding: 0 0 0 1em;

    #content ul li {
     margin: 0 0 0.5em 0;
     padding: 0 0 0 2em;
     list-style-type: none;
     background: url(images/bg-li.gif) no-repeat 0 3px;
     font-size: 1em;
     line-height: 1.5em;
    }

    #content div is our main content area and ul/li styles are part of a template used for a site.

    Any hope of all this working together?
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Martin
    Admin
    Martin avatar
    585 posts

    Posted 15 Nov 2007 Link to this post

    Hello Damir Franciskovic,

    It is possible that the embedded css files load before your files, but I'm not sure that the problem is caused by this, as although there are not specific classes for the ul's in RadEditor, they manifest inherited properties as do yours.

    However, you may try to fix this issue by forcing your css settings by using the !important flag after the properties that do not apply correctly, i.e:

    #content ul {
     margin: 1em 0 !important;
     padding: 0 0 0 1em !important;

    #content ul li {
     margin: 0 0 0.5em 0 !important;
     padding: 0 0 0 2em !important;
     list-style-type: none !important;
     background: url(images/bg-li.gif) no-repeat 0 3px !important;
     font-size: 1em !important;
     line-height: 1.5em !important;
    }



    Greetings,
    Martin Ivanov
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  5. Andy
    Andy avatar
    1 posts
    Member since:
    Sep 2003

    Posted 21 Dec 2007 Link to this post

    Hello,

    I have been evaluating the new Prometheus suite, and I am impressed with the direction you are taking.

    But I too cannot get the Editor to render properly inside a MasterPage. Without MasterPages there is no issue, but inside a MasterPage all the buttons get "squashed" and you cannot see any of them.

    Is there a specific setup required? This is really frustrating.
  6. Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 23 Dec 2007 Link to this post

    Hello Andy,

    Could you please open a support ticket and send a sample runnable project that demonstrates the rendering problem? Please, include all project files and folders that will help us to reproduce the problem on our end.

    Once we are able to replicate the problem, we will do our best to provide a solution.

    Looking forward to hearing from you soon,
    Rumen
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017