Hi guys...

I followed a tutorial on how to amend the FCK editor in order to only allow customs styles to appear in the style dropdown menu in the editor....

I managed to get the style to appear in the editor (via the XML file) but it doesn't actually do anything? Is there something I'm missing...the class in the style sheet is ok. Was wondering if it was something to do with the stylesheet name?? currently it's "orange_bg" which came with the skin.

Any help would be great...thanks chaps.

this is the XML...

< styles >
  < style name="Move_Image_Left" element="div" >
  < Attribute name="class" value="move_image_left" / >
 < / style > < / styles >

This is the style...

.move_image_left{float:left; padding-right:10px;}

D

ADDITION>>> I'm trying to understand whether the FCK editor uses the XML to load the css file from the skin folder to populate the Styles panel...OR...if it uses a completely different css file to populate the Styles panel. The tutorial talks about "skin.css" but my skin doesn't have that, instead it has "bg_orange.css" which is in a "styles" directory...

So how do I get the FCK to use this file to popluate the Styles panel?? Does that make more sense? 
 
Thanks D

Hello,

Have you watched: FCK Editor CSS Skin Styles Preview in DotNetNuke
and
FCK Editor Formatting Style Definitions

The fck editor will display its styles from the skin, depending on how your skin has been programmed I think it should still work for you if you set the option to Dynamic in Editor Area CSS.

The styles panel is populated from the XML file you create. This is basically setting up html that will be added into your text HTML module, for instance adding a div tag with a class.

When you use a style, the HTML code is added to the Text / HTML module, when you click on update and view the module it will then use the classes that you specified in HTML file and it will call those classes from the skin.CSS file

I would suggest you watch those two tutorials above as it should make it a lot clearer, thanks


FCK Tutorials:

• FCK Editor Toolbar Functions
• How to change the FCK Editor Skin in DotNetNuke
• FCK Editor CSS Skin Styles Preview in DotNetNuke
• FCK Editor Formatting Style Definitions
• FCK Editor HTML Templates
• FCK Editor Custom Toolbars and Security Roles
• FCK Editor Further Configuration Options
• Bad Practices when working with the Text / HTML module
• Styling and formatting in the Text / HTML module
  (skinning)
• Styling and formatting (part 2) – Text / HTML module and FCKEditor
  (skinning)