How to Change the FCK Editor Skin in DotNetNuke

By Lee Sykes
September 2008

In this tutorial we demonstrate how to change the skin of the FCK Editor.

We show you how to download a new FCK Editor skin and upload it to your DotNetNuke portal. We then show you how to edit the web.config file settings to allow the new skin to be selected within the FCK Editor. Finally we demonstrate how to apply the new skin to the FCK Editor in DotNetNuke.

In this tutorial we download the Office2007 and Aluminium FCK Editor skins. We show you how to apply a skin to a single instance of the FCK Editor, modules of the same type and across a portal within your DotNetNuke installation.


FCK Editor Office2003 skin
The FCK Editor using the Office2003 skin (Standard FCK Editor skin)


FCK Editor Office2007 skin
The FCK Editor using the Office2007 skin


FCK Editor Aluminium skin
The FCK Editor using the Aluminium skin

References:

FCK Editor skins can be downloaded from Sorceforge at the following URL:
http://sourceforge.net/tracker/?group_id=75348&atid=740153

The videos contain:

Video 1 - Introduction, Uploading FCK Skins, Making the Skins Available

  • Introduction
  • Demonstration of skins
  • How to download FCK Editor skins
  • How to check the contents of the FCK skin folders
  • How to upload the FCK skins to your DotNetNuke portal
  • How to make the skins available to the FCK Editor in DotNetNuke
Time length: 8min 27secs

Video 2 - Applying the FCK Editor Skin to the DotNetNuke Portal

  • Editing the text in DotNetNuke
  • Show Custom Editor Options in the FCK Editor
  • Editor Skins
  • How the settings work in the FCK Editor
  • Applying the Office2007 skin to the FCK Editor across the Portal, Module and Instance
  • Refreshing the editor and viewing the new skin
Time length: 4min 28secs

Total Time Length: 12min 55secs

You need to Subscribe as a member of DNN Creative Magazine and Login to download this video tutorial.

Free DotNetNuke Podcasts
RSS Feeds