prometheus RadEditor Skins

8 posts, 0 answers
  1. annie
    annie avatar
    21 posts
    Member since:
    Aug 2007

    Posted 05 Oct 2007 Link to this post

    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.
  2. Shaun Peet
    Shaun Peet avatar
    571 posts
    Member since:
    Aug 2004

    Posted 05 Oct 2007 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. annie
    annie avatar
    21 posts
    Member since:
    Aug 2007

    Posted 06 Oct 2007 Link to this post

    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.....
        
  5. Shaun Peet
    Shaun Peet avatar
    571 posts
    Member since:
    Aug 2004

    Posted 06 Oct 2007 Link to this post

    Setting the background color property of the editor should work:

    <telerik:radEditor runat="server" id="RadEditor1" BackColor="#ffffff" />
  6. annie
    annie avatar
    21 posts
    Member since:
    Aug 2007

    Posted 09 Oct 2007 Link to this post

    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.
  7. Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 09 Oct 2007 Link to this post

    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
  8. annie
    annie avatar
    21 posts
    Member since:
    Aug 2007

    Posted 10 Oct 2007 Link to this post

    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.
        
  9. annie
    annie avatar
    21 posts
    Member since:
    Aug 2007

    Posted 10 Oct 2007 Link to this post

    Hi sir,
    I got it.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017