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

Container height & alignment by cf46sr
Hello, How can I 1) Align a contain to the bottom the page (HTML with a graphic that is always align...
Problem with UI by RamiAlomar
i'm using dnn 4.9 and facing some problems in controlling UI, the most disturbing ones are 1. alig...
how to move Viewstation code down of sourc code by morad_diver
hi lee,Joseph just I wondering about how we can move the viewstation code down of source code I ...
RE: I don't want feedexplorer module to be installed during installation. what shall I do? by nosa
Thanks a lot Lee Sykes There was a comment in source code indicate that search input, search result,...
RE: Links by jncraig
I'm not sure if I'm answering your question but you should be able to select either of the skins.The...
RE: Profile display by jncraig
I actually hadn't noticed this until seeing your question. I don't see any way to change the displa...
RE: Links by rajanijadhav
Thanku Sir.when we apply skin there are two types of skin host and site.both are selected by default...
RE: Displaying a PDF file in DNN5 by jncraig
I have seen modules that will display a PDF file inside of a DotNetNuke page. My normal practice is...
RE: Links by jncraig
Skins uploaded for host are available to all portals.Skins uploaded by admin are available only to a...
RE: User Management Modules by jncraig
There are several User Management modules available on Snowcovered.
RE: User Management Modules by jncraig
You can configure the User Accounts page to show more than 10 at a time. I've not used any othe...
RE: How to change align default value to right in control panel? by jncraig
Hmmm ... you probably are right, as I don't know that much about right-to-left localization.  I woul...
RE: How to change align default value to right in control panel? by nosa
Actually I don't think setting the default value of a combobox can be done by changing skin and styl...
RE: Links by rajanijadhav
Good morning sir. Pls tell me,what is difference between uploading skin as a host and as admin? Bo...
Displaying a PDF file in DNN5 by bzoni
I wish to display a PDF file in DNN5. What is the best practice? Create a page that displays a fil...
RE: IMG ‘closing tag’ being omitted by sped
Hi Lee, I’ve attached the container file for your viewing.   Thanks
RE: Creat a custom Login & Registration Module. by Vimala
Hi Joseph, Sorry for the late reply. It works fine for me. By taking id of each div module conta...
Profile display by bzoni
I went through a September 2006 set of tutorials on How to manage profile properties in user account...
RE: Anybody use Smith Cart? by bschwartz215
I am trying to find out as well. I have looked at several dnn store modules, including the dnn core...
User Management Modules by billkidwell
URGENT, Time sensitive.... Is there a module that allows listing/seeing all users and sorting by ite...
DotNetNuke Modules
RSS Feeds