prometheus RadEditor Skins

[annie]

Hi Sir,
Can u Please Tell me haw can i apply Embedded skins to prometheus RadEditor. and where is the prometheus RadControl Folder to be placed exactly in the application

thanks in advance.

[Shaun Peet]

Hello Annie,

The Prometheus version of the editor no longer needs a RadControls folder; particularly if you are using the Embedded Skins.  There are currently two embedded skins in the Editor; the Default skin and the Vista skin.

All you'll need to do for the Default skin is this:
<telerik:radEditor ID="RadEditor1" runat="server" />

For the Vista skin:
<telerik:radEditor ID="RadEditor1" runat="server" Skin="Vista" />

Then, to use the file managers or other dialogs you'll need to add the HttpHandler to the web.config.  Details about how to do that are found in one of the pinned threads in this forum.

[annie]

Hi sir,
    Can i know how to change the Back Color of the Content Text Area of the editor, is there any way to apply the Class, if apply class then where should it be placed.
    My problem is that i'm getting back color of the Editor as per my masterpage, is that the thing that it is by default transperent.

    Any help.

Thanks in Advance.....
    

[Shaun Peet]

Setting the background color property of the editor should work:

<telerik:radEditor runat="server" id="RadEditor1" BackColor="#ffffff" />

[annie]

Hi sir,
       My page is like this

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="Content1" ContentPlaceHolderID="DefaultContent" runat="Server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>
    <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
        <tr>
            <td>
                <telerik:RadEditor ID="RadEditor1" runat="server" ToolsFile="~/RadControls/Editor/Examples/SetOfTools.xml"
                    Height="200px" Width="500px" Skin="Vista" EditModes="Design" BackColor="#ffffff">
                </telerik:RadEditor>
            </td>
        </tr>
    </table>
</asp:Content>

and in my masterpage i have used

<link href="../../App_Themes/Test/Test.css" type="text/css" rel="stylesheet" />

Test.css Contains

body
{    
    margin: 0px;
    font-family: arial;
    font-size: 11px;
    color:#555555;
    text-align:left;
    background-color:Silver;
}

Then to my editor is showing me editor's background as Silver.

What should i do?

Please help me.

Thanks in Advance.

[Rumen]

Hi Annie,

You can use one of both solutions provided below to apply white color to the editor's background:

1. Set the CssFiles inner property to point to an external css file:
   
                   <telerik:RadEditor ID="RadEditor1" runat="server"
                       Height="200px" Width="500px" Skin="Vista" EditModes="Design" >
                       <CssFiles>
                           <telerik:EditorCssFile Value="~/ContentArea.css" />
                       </CssFiles>
                   </telerik:RadEditor>
   
   The ContentArea.css file should contain the following body class declaration in which you will set the background-color of the content area:
   
   body
   {
       padding:3px;
       background-image: none;
       margin: 0px;
       text-align: left;
       scrollbar-face-color: #E9E9E9;
       scrollbar-highlight-color: #FFFFFF;
       scrollbar-shadow-color: #E9E9E9;
       scrollbar-3dlight-color: #DBDBDB;
       scrollbar-arrow-color: #787878;
       scrollbar-track-color: #F5F5F5;
       scrollbar-darkshadow-color: #AEAEAE;
       word-wrap: break-word;
       color: Red;
       background-color: ffffff;
       font-size: 18px;
   }
   
   Save the file and restart your browser to see the change.
   
   
2. You can also set the background color programmatically with the following code:
   
   <script type="text/javascript">
   function OnClientLoad(editor, args)
   {
       editor.get_ContentArea().style.backgroundColor = "white";
   }
   </script>
   <telerik:RadEditor ID="RadEditor1" runat="server" OnClientLoad="OnClientLoad"
       Height="200px" Width="500px" Skin="Vista" EditModes="Design" >
   </telerik:RadEditor>
   

I hope this helps.

Kind regards,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[annie]

Hi sir,
         Thank you sir my problem regarding Editor's background color is solved, but I'm having another problem as under

I have TelerikRadEditor.aspx as under

<%@ Page Language="C#" MasterPageFile="~/MasterPage/MasterPage.master"
    AutoEventWireup="true" CodeFile="TelerikRadEditor.aspx.cs" Inherits="Rad_Editor_TelerikRadEditor"
    Title="Untitled Page" %>

<%@ Register Assembly="RadAjax.Net2" Namespace="Telerik.WebControls" TagPrefix="radA" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="Content1" ContentPlaceHolderID="DefaultContent" runat="Server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td width="40%">
                <telerik:RadEditor ID="REditor" runat="server" ToolsFile="~/RadControls/Editor/Examples/SetOfTools.xml"
                    Height="200px" Width="100%" Skin="Vista" EditModes="Design">
                    <CssFiles>
                        <telerik:EditorCssFile Value="~/RadControls 'Prometheus' for ASPNET Q2 2007/Skins/Vista/EditorContentArea.css" />
                    </CssFiles>
                </telerik:RadEditor>
            </td>
            <td width="5%" align="left" valign="top">
                <asp:Button ID="E2L" runat="server" Text="E 2 L" OnClick="E2L_Click" />
                <asp:Button ID="ClrE" runat="server" Text="Clr E" OnClick="ClrE_Click" />
                <asp:Button ID="L2E" runat="server" Text="L 2 E" OnClick="L2E_Click" /></td>
            <td width="55%" align="left" valign="top">
                <asp:Label ID="lblEditorHtml" runat="server"></asp:Label>
                <br />
                <asp:Label ID="lblEditorTxt" runat="server"></asp:Label></td>
        </tr>
    </table>
</asp:Content>

and

I have TelerikRadEditor.aspx.cs as under

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using Telerik.Web.UI;
using Telerik.Web.Design;
using Telerik.Web.Dialogs;

public partial class Rad_Editor_TelerikRadEditor : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
       
    }
    protected void E2L_Click(object sender, EventArgs e)
    {
        lblEditorHtml.Text = Server.HtmlEncode(REditor.Content);
    }
    protected void ClrE_Click(object sender, EventArgs e)
    {
        REditor.Content = "";
    }
    protected void L2E_Click(object sender, EventArgs e)
    {
        REditor.Html = Server.HtmlDecode(lblEditorHtml.Text);
        // Problem no. 1
        lblEditorTxt.Text = Server.HtmlDecode(lblEditorHtml.Text);
    }
}

Problems are bolded above as Problem no. 1

I'm having problem regarding getting that same text in label (lblEditorTxt)

Thanks in advance.
    

[annie]

Hi sir,
I got it.