You need to Register for free and Login to post a message in the forum.

Forum

Forums > Users Lounge > DNN Creative Articles
Subject: FCK Editor Skin Styles
Prev Next
You are not authorized to post a reply.

Author Messages
CrizTizzy
DNN Creative Magazine Subscriber
Nuker
Nuker
Posts:16
13 Jun 2009 6:15 PM  
I usually set the body tag to have a background-image and  background-color that is dark with a color that is light.  Unfortunately that means most text editors then use the body settings in their edit text box, which blows the WYSIWYG reason for using a text editor because the edit textbox is dark, even though your contentpanel may be white/black.  In the past I always set the css file for the site that text editor used to same colors (white background, black text) that the main content area used and then linked another style sheet with the body tag set to whatever I needed.  That way the text editor would use the site style sheet for the edit textbox but the site body tag would be overridden with the second CSS file.  That doesn't seem to be possible in DNN.

I noticed the demos had the same problem with the dark background color and *think* I may have discovered a workaround.  Find the FCK Editor CSS file (ExampleSite\Providers\HtmlEditorProviders\Fck\FCKeditor\editor\css\fck_editorarea.css) and reset the background-color, background-image, and color tags so that it looks something like this.

body
{
    background-color: #ffffff;
    padding: 5px 5px 5px 5px;
    margin: 0px;
    background-image:none;
    color:black;
}

I could be fooled by a caching issue but, so far, this seems to be the solution.  I'm going to try it with the link colors next because that's the next usual issue.
CrizTizzy
DNN Creative Magazine Subscriber
Nuker
Nuker
Posts:16
14 Jun 2009 10:59 AM  
Something else that might be worth noting - In the tutorial it recommends adding FCKConfig.BodyID = ‘fckbody’; (Tutorial doesn't include ";" at the end I added that after some exploration and viewing http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/Configuration/Configuration_Options/BodyId_and_BodyClass) within providers/htmleditorProvidors/FCK/custom/fckconfig.js fiile. I found it easier to not a add a new div, I used the same div I used for the contentPanel, "content", because then I wouldn't have to also add overrides for links etc in two places and because, most of the time, those using the text editor will be using within the contentPanel.
CrizTizzy
DNN Creative Magazine Subscriber
Nuker
Nuker
Posts:16
15 Jun 2009 9:07 AM  
Easiest way to keep the FCK Editor displaying the background of your contentpane while having a dark background using CSS from
"Pure CSS SEO Layouts for DotNetNuke skins". Style the body with the same background and color as your contentpane, then add real background colors/images etc to the wrap div.
CrizTizzy
DNN Creative Magazine Subscriber
Nuker
Nuker
Posts:16
16 Jun 2009 8:16 AM  
Another note:  Apparently modules use the "body" settings for modules in right/left panes.  I found that setting dnn_leftpane,#dnn_rightpane with the background, color, link colors I wanted for each module in the left/right panes (in my case the dark gradation used in the #wrap div) causes each module to display using those settings without having to create different containers.
You are not authorized to post a reply.
Forums > Users Lounge > DNN Creative Articles > FCK Editor Skin Styles


ActiveForums 3.7

Latest Forum Posts

Folder permissions by saintX
Hello, Can I set the folder permissions on the remote server myself using DW or WVD? If possi...
RE: How to do links? by Guy..L
It's really hard to tell quite how awesome DNN Nav v2 is given the documentation and search results ...
Regarding Editor by prithviraj
Pls let me know whar folders we need to upload when we are changing editors. Suppose i have cute edi...
RE: Change Registration Redirect? by leesykes
It would be best to use Dynamic Registration to avoid 2 registrations.With Dynamic Registration you ...
Indexing DNN pages by Google by Jake Vizner
I have two different DNN web sites. Using Google Webmaster Tools I can see the Google indexed 12 out...
Query Regarding RAD EDitor by prithviraj
Hi, I'm using R.A.D editor in my site. At the time of adding images through the editor I'm unabl...
RE: while installing bulk emailer module in my website by jncraig
Yes, this definitely is a file permissions issue. The default ASP.NET worker task needs to have ful...
RE: Background Music by jncraig
That will work.
RE: Auto create pages and content by dhassall
Hi Joe DNN Out of the box version 4.9 Login as Host with Firefox to create and IE8 to monitor, CTR...
RE: while installing bulk emailer module in my website by dub
Agiline, We have seen this problem before. It is caused by the Security on IIS. Please have a loo...
RE: Change Registration Redirect? by ollep
Probably still want to do it with Dynamic Forms now.My reason for changing (except from getting Aweb...
RE: Change Registration Redirect? by ollep
YES!http://www.dnncreative.com/Subscribe/tabid/81/Default.aspx
RE: Change Registration Redirect? by ollep
Yes I noticed that we where talking about 2 different Modules as soon as I dug into the tutorials.Ab...
RE: Change Registration Redirect? by leesykes
If you are check out the links that I have placed in there:http://www.dnncreative.com/Subscribe/tabi...
RE: Change Registration Redirect? by leesykes
Are you referring to when subscribing there is a link to register and after they register it sends t...
RE: Change Registration Redirect? by leesykes
The method I use on here for managing my email list is complicated and involves SQL queries, it is b...
Ecommerce module needed by vishalranaut
Infyecommerce is providing ecommerce packages for the clients to develop their ecommerce sites.They ...
RE: DS Dynamic Forms / AWeber by leesykes
If you are getting time out issues when installing I would use the auto install method by using FTP,...
RE: Change Registration Redirect? by ollep
Oooops Helps reading your responses before posting here Lee. I referred to Issue 40 / 41 and ...
DS Dynamic Forms / AWeber by ollep
Thanks for a great Tutorial Lee!  - As usual.(I still can't install the module in Firefox though, Fi...
DotNetNuke Modules
RSS Feeds