This is a migrated thread and some comments may be shown as answers.

prometheus RadEditor Skins

7 Answers 362 Views
Editor
This is a migrated thread and some comments may be shown as answers.
annie
Top achievements
Rank 2
annie asked on 05 Oct 2007, 05:53 PM
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.

7 Answers, 1 is accepted

Sort by
0
Shaun Peet
Top achievements
Rank 2
answered on 06 Oct 2007, 04:06 AM
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.
0
annie
Top achievements
Rank 2
answered on 06 Oct 2007, 07:09 AM
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.....
    
0
Shaun Peet
Top achievements
Rank 2
answered on 06 Oct 2007, 02:23 PM
Setting the background color property of the editor should work:

<telerik:radEditor runat="server" id="RadEditor1" BackColor="#ffffff" />
0
annie
Top achievements
Rank 2
answered on 09 Oct 2007, 12:50 PM
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.
0
Rumen
Telerik team
answered on 09 Oct 2007, 02:31 PM
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
0
annie
Top achievements
Rank 2
answered on 10 Oct 2007, 09:09 AM
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.
    
0
annie
Top achievements
Rank 2
answered on 10 Oct 2007, 12:57 PM
Hi sir,
I got it.
Tags
Editor
Asked by
annie
Top achievements
Rank 2
Answers by
Shaun Peet
Top achievements
Rank 2
annie
Top achievements
Rank 2
Rumen
Telerik team
Share this question
or