Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeGetting StartedGetting StartedNew to DNN Plat...New to DNN Plat...Adding styles to the EditorAdding styles to the Editor
Previous
 
Next
New Post
6/14/2012 2:11 AM
 

I have recently setup a DNN stie at my webhotel and currently the feature I miss the most is being able to pick the various CSS styles using the CSS Class dropdown/combobox. I tried to search for info regarding how to do this and I also find some however I don't have it working 100%.

I am using a plain vanilla DNN installation (the DarkKnight skin) and within the folder "Portals\_Default\Skins\DarkKnight" I have changed the "editor.css" file adding the following 3 lines
img.img-left {  }
img.img-right {  }
p.MyUglyFont {  }

In the editor.css file I use the fully qualified names (prefixed with "img." or "p.") since this ensures the CSS Class dropdown/combobox places a small icon next to the name of the style so I can see if its inteded for text (paragraph) or images. This is all fine, and the 3 styles are now "pickable" using the CSS Class dropdown/combobox within the HTML editor (HTML Module). The first two styles are defined within the DarkKnight Skin, whereas the 3rd is defined by myself within the "portal.css" file (in the folder "Portal\0". The MyUglyFont is indeed ugly looking (red text on yellow background) but is simply created so I can easily see if the style is applied to my text:
.MyUglyFont {
 font-weight: bold;
 font-size: 30px;
 background-color: yellow;
 color: red;
}

I can now select the styles withing the editor (HTML Module), and once I save the changes in the editor (e.g. if I apply my "MyUglyFont" style to some text) I can see that this style has indeed been applied to the text. However the missing-link is that within the editor I cannot see the style being applied to my text. So if I apply the style "MyUglyFont" to a single word in the editor, I can not see this in the editor (in the editor the word will not be displayed with a yellow background and red text). Its not until I closes the editor and return to the page that I can see the style is applied (the text will be displaying with a yellow background and red text). This meens the editor is loosing some of its WYSIWYG-feature.

Anyone knowing what I have to do in order to have the applied styles being applied within the editor also (WYSIWYG) ?

 
New Post
6/16/2012 10:57 AM
 
pellelil,

there is some XML document to configure the editor. The easiest way is to use Phillip Beckers RAD Editor Provider, there is a configuration module included to allow host users to configure the editor.

http://radeditor.codeplex.com/

Best wishes
Michael

Michael Tobisch
DNN★MVP

dnn-Connect.org - The most vibrant community around the DNN-platform
 
New Post
6/16/2012 11:48 AM
 
Maikl, dnnWerk RadEditor has been integrated in DNN 6 (RadEditor Provider).

Cheers from Germany,
Sebastian Leupold

dnnWerk - The DotNetNuke Experts   German Spoken DotNetNuke User Group

Speed up your DNN Websites with TurboDNN
 
New Post
6/17/2012 10:15 AM
 
Ohh... I did not realize that, maybe because I have installed it before the upgrade. Thanks for telling me...

Best wishes
Michael

Michael Tobisch
DNN★MVP

dnn-Connect.org - The most vibrant community around the DNN-platform
 
Previous
 
Next
HomeHomeGetting StartedGetting StartedNew to DNN Plat...New to DNN Plat...Adding styles to the EditorAdding styles to the Editor


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out