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

Problem with embeded skins/css

4 Answers 208 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Damir Franciskovic
Top achievements
Rank 2
Damir Franciskovic asked on 14 Nov 2007, 01:35 PM
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.

4 Answers, 1 is accepted

Sort by
0
Damir Franciskovic
Top achievements
Rank 2
answered on 14 Nov 2007, 01:52 PM
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?
0
Martin
Telerik team
answered on 15 Nov 2007, 08:29 AM
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
0
Andy
Top achievements
Rank 1
answered on 22 Dec 2007, 03:32 AM
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.
0
Rumen
Telerik team
answered on 23 Dec 2007, 03:19 PM
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
Tags
Editor
Asked by
Damir Franciskovic
Top achievements
Rank 2
Answers by
Damir Franciskovic
Top achievements
Rank 2
Martin
Telerik team
Andy
Top achievements
Rank 1
Rumen
Telerik team
Share this question
or