How to Configure the Telerik RAD Editor in Dot. Net. Nuke, Video. By Lee Sykes. August 2. In this tutorial we demonstrate how to configure and customize the Telerik RADEditor. This allows you to easily style the text and image content. You can configure your own CSS classes to be displayed in a drop down list in the Telerik RAD Editor and this allows you to easily apply a CSS class to the content in the editor without the need to use HTML view. This is a powerful and quick method for styling the content in the editor.
Property Description; ViewPaths: A string array which contains the paths where the RadEditor will look for templates files. The default value is an empty array.
![Telerik Radeditor Templates Telerik Radeditor Templates](http://docs.telerik.com/devtools/aspnet-ajax/sharepoint/2007/radeditor-for-moss/installation-and-deployment/images/2_CentrAdmin_6_thumb.png)
![Telerik Radeditor Templates Telerik Radeditor Templates](http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/appearance-and-styling/images/editor-cssclassesbatchrename.gif)
- The dnnWerk RadEditor Provider is a simplified HTML editor provider for DNN 5 that unlocks the power of the Telerik RadEditor. While providing a lot of flexibility it.
- CHAPTER 8 281 Layout RadControls One of the most important and sometimes complicated tasks for developers is the layout of the user.
- DotNetNuke 5.2 Includes Telerik RadControls. Making use of the Telerik RadEditor.
How to Configure the Telerik RAD Editor in DotNetNuke. In this tutorial we demonstrate how to configure and customize the Telerik RADEditor. Telerik is a market-leading vendor of UI controls, end-to-end solutions for mobile app development, ALM tools across all major development platforms. Editor Scroll Bar problem. UI for ASP.NET AJAX Resources Buy Try. The new Telerik RadEditor. You should also ask the DNN support why the editor is loaded empty in IE8. Add a WYSIWYG content editor to your Web site or intranet. Default Cross-browser rich content editor from Telerik true Bottom 0 Normal true true true true true true true Modeless Default Cannot import this Web Part. Sitefinity is a modern ASP.NET Web CMS, delivering intuitive web content management for business professionals, robust CMS development environment and rich end user.
We walk you through step by step all of these various configuration options available for the Telerik RADEditor. The videos contain: Video 1 - Introduction, Creating a Custom Configuration File.
![Telerik Radeditor Templates Telerik Radeditor Templates](http://i237.photobucket.com/albums/ff217/beavispdx5/guess1.jpg)
Introduction. How to find and view the Telerik RAD editor configuration files. Explanation of the two different types of configuration files. How to create a custom configuration file. Instructing the editor to use the new custom configuration file by editing the web. Locating and editing the correct section of code to change the default editor configuration file. Explanation of the configuration file structure and overview of available settings. Skin, Enable Resize, Auto Resize Height, Strip Formatting on Paste, Content Filters, Edit Modes.
Time Length: 9min 2. Video 2 - Overview of Editor Settings and Creating a New Toolbar Configuration File. How to instruct the Telerik RAD editor to use paragraph tags rather than break tags. New Line Break. Changing the spell check settings. How to change the image manager file type settings.
Image manager search patterns. Disabling the image editor. How to change the maximum upload file sizes for media, images, documents, flash and templates.
How to implement the Use. Shared. Tool. Bar option.
How to check if the editor is using the new configuration file. Inserting a break tag after instructing the editor to use paragraph tags. Creating a new version of Tools. Default. xml Overview of the Tools. Default. xml file. Time Length: 8min 3.
Video 3 - Customising the Telerik RAD Toolbar and Installing an Example Skin. Demonstration of toolbar groups and separators. How to disable and remove specific buttons from the Telerik RAD editor. Removing the select all, cut, copy and paste buttons.
How to remove the insert groupbox, date and time buttons. Removing the font name and size drop down lists. Removing the foreground and background color buttons. How to remove the insert snippet and absolute position options.
How to change the tools file reference in the Dot. Net. Nuke web. config file. How to install the Lazy Days skin and the House Menu skin object. Applying the Lazy Days skin to a test page. Time Length: 1. 2min 1. Video 4 - Configuring How the Editor Displays Content. How to change the editor background and text color to match the skin color scheme.
Creating a backup of the skin. Telerik RAD editor. How to create the Telerik RAD Editor CSS file.
Where to place the Telerik RAD Editor CSS file. Removing code from the new CSS file that is not required in the editor. How to instruct the editor to use the new CSS file.
Correcting the text alignment to match the Lazy Days skin. Removing the skin background image so it is not displayed in the editor. Time Length: 1. 1min 2. Video 5 - Adding CSS Styles to the RAD Editor - Good Practice. How to create new styles for use in the apply CSS class drop down list.
Adding and removing CSS class names in the Tools. Default. xml file from the skin.
Demonstration of the new CSS classes on selected text in the RAD editor. How to assign a class to text in the RAD editor. How to remove all assigned CSS classes from selected text. Adding alignment classes to the telerik RAD editor from the skin. Time Length: 1. 0min 1.
Video 6 - Adding CSS Styles to Wrap Text Around Images. How to add a clear class to the editor to clear any float classes. Adding a blockquote go class to the RAD editor. Demonstration of the new float classes in use. How to wrap text around an image. Explanation of the Clear Class option.
Demonstration of the clear float class in use. How to use the Editor. Overide. css file to override any classes from the skin. Overriding the background color and background image.
Time Length: 9min 5. Total Time Length: 6.