Support forums - EditorWysiwygModeCss and Css Class dropdown not displaying in editor correctly

Support forums » Products » Cute Editor for .NET » Re: EditorWysiwygModeCss and Css Class dropdown not displaying in editor correctly

EditorWysiwygModeCss and Css Class dropdown not displaying in editor correctly

Last post 08-15-2007, 9:59 AM by Adam. 1 replies.


	Sort Posts: Previous Next

08-15-2007, 8:43 AM 32491

lofwyre
Joined on 08-16-2007
Posts 1

EditorWysiwygModeCss and Css Class dropdown not displaying in editor correctly

Reply Quote

Hello

I have set up a stylesheet and am pointint to it with EditorWusuwygModeCss. I see the body background colour change so I know it has found the CSS. I have AutoParseClasses turned off and only one class defined in Common.config, the class name is PageHeader and in the stylesheet looks like this;

.PageHeader
{
   font-size:24px;
   font-weight: bold;
   display:block;
   margin-bottom:8px;
   color:#6060a0;
}

The HTML that is created by CE looks like this;

<span class="PageHeader">sdsdf</span>

But the display (normal view or preview), only shows the text getting bold, no colour change or size change at all.

Any ideas what I am doing wrong?

08-15-2007, 9:59 AM 32494 in reply to 32491

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

Re: EditorWysiwygModeCss and Css Class dropdown not displaying in editor correctly

Reply Quote

lofwyre,

I tried this css class. It works ok here.

Here are my steps.

1. Open Common.config and add the following entry in CssClass section:

   <item text="PageHeader" value="PageHeader">
    <html><![CDATA[<span style='font-size:24px;font-weight: bold;display:block;margin-bottom:8px;color:#6060a0;'>PageHeader</span>]]></html>
   </item>

2. Use the following Editor setting:

<CE:Editor id="Editor1" AutoParseClasses="false" EditorWysiwygModeCss="example.css" runat="server" ></CE:Editor>

Can you try the steps above and let me know the result?

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