More in this section

Forums / General Discussions / RadEdito changes - post deleted

RadEdito changes - post deleted

6 posts, 0 answered
  1. higgsy
    higgsy avatar
    336 posts
    Registered:
    05 Aug 2010
    15 Aug 2011
    Link to this post
    Hi,

    I was just discussing how to change the default configuration of the HtmlEditor - however and strangely that post has been deleted? What gives?

    Steve was kind enough to give me a pointer : http://www.sitefinitysteve.com/articles/how-to#ef5254bc-a0e6-4314-afd5-1220db835b61

    However, I'm having one last issue.

    I wanted to add a custom css class to the ApplyCass tool. So I added the following to the Toolsfile.xml:

    <classes>
        <class name="Clear Class" value="" />
        <class name="Heading 3 Highlight" value=".highlight" />
    </classes>

    This alone did not show the class in the dropdown. Upon further reading I found that you have to have the class physically in the document, so I mapped the HtmlField like so:

    ControlsConfig.config:
    <?xml version="1.0" encoding="utf-8"?>
    <controlsConfig xmlns:config="urn:telerik:sitefinity:configuration" xmlns:type="urn:telerik:sitefinity:configuration:type" config:version="4.2.1650.0">
        <viewMap>
            <viewSettings layoutTemplatePath="~/lib/resources/templates/backend/HtmlField.ascx" hostType="Telerik.Sitefinity.Web.UI.Fields.HtmlField" />
        </viewMap>
    </controlsConfig>

    HtmlField.ascx:
    <%@ Control Language="C#" %>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <%@ Register Assembly="Telerik.Sitefinity" Namespace="Telerik.Sitefinity.Web.UI" TagPrefix="sf" %>
    <%@ Register Assembly="Telerik.Sitefinity" Namespace="Telerik.Sitefinity.Web.UI.Extenders" TagPrefix="sf" %>
     
    <sf:ConditionalTemplateContainer ID="conditionalTemplate" runat="server">
        <Templates>
            <sf:ConditionalTemplate ID="ConditionalTemplate1" Left="DisplayMode" Operator="Equal" Right="Read" runat="server">
                <sf:SitefinityLabel id="titleLabel_read" runat="server" WrapperTagName="div" HideIfNoText="false" CssClass="sfTxtLbl" />
                <sf:SitefinityLabel id="viewControl" runat="server" WrapperTagName="div" HideIfNoText="false" CssClass="sfRTFContent" />
            </sf:ConditionalTemplate>
            <sf:ConditionalTemplate ID="ConditionalTemplate2" Left="DisplayMode" Operator="Equal" Right="Write" runat="server">
                <sf:ResourceLinks id="resourcesLinks2" runat="server">
                    <sf:EmbeddedResourcePropertySetter Name="Telerik.Sitefinity.Resources.Themes.Default.Styles.EditorDialogs.css" Static="true" ControlID="editControl" ControlPropertyName="DialogsCssFile" />
                    <sf:ResourceFile Name="Telerik.Sitefinity.Resources.Themes.Default.Styles.Window.css" Static="true" />
                </sf:ResourceLinks>
                <asp:Label ID="titleLabel_write" runat="server" CssClass="sfTxtLbl" AssociatedControlID="editControl" />
                <asp:LinkButton ID="expandLink" runat="server" OnClientClick="return false;" CssClass="sfOptionalExpander" />
                <asp:Panel ID="expandableTarget" runat="server" CssClass="sfEditorWrp sfClearfix">
                    <telerik:RadEditor
                        ID="editControl"
                        runat="server"
                        Skin="Sitefinity"
                        Width="100%"
                        Height="550px"
                        EnableResize="False"
                        EditModes="Design,HTML"
                        DialogHandlerUrl="~/Telerik.Web.UI.DialogHandler.axd"
                        Content=""
                        NewLineBr="False"
                        StripFormattingOptions="Css,Font,Span" >
                        <FlashManager ViewPaths="~/Files" UploadPaths="~/Files" DeletePaths="~/Files" />
                    </telerik:RadEditor>
                    <sf:RadEditorCustomDialogsExtender runat="server" id="editorCustomDialogsExtender" TargetControlID="editControl"/>
                    <sf:SitefinityLabel id="descriptionLabel" runat="server" WrapperTagName="div" HideIfNoText="true" CssClass="sfDescription" />
                    <sf:SitefinityLabel id="exampleLabel" runat="server" WrapperTagName="div" HideIfNoText="true" CssClass="sfExample" />
                </asp:Panel>
     
                <style type="text/css">
                    .highlight
                    {
                        color: #005dab;
                        font-weight: bold;
                        font-size: 15px;
                    }
                </style>
     
            </sf:ConditionalTemplate>
        </Templates>       
    </sf:ConditionalTemplateContainer>

    Problem is - the class .highlight now appears twice in the dropdown, yet deleting either entry from either HtmlField.ascx or ToolsFile.xml prevents it showing at all!

    Help!

    Thanks
    higgsy
  2. Veronica
    Veronica avatar
    125 posts
    Registered:
    30 Jan 2015
    18 Aug 2011
    Link to this post
    Hi Higgsy,

    I am not sure who and why your previous post was deleted. Please accept my apologies for this.

    As per your questin -  could you please send me your .ascx control so I can inspect it and help you?

    Thank you!

    All the best,
    Veronica Milcheva
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. higgsy
    higgsy avatar
    336 posts
    Registered:
    05 Aug 2010
    18 Aug 2011
    Link to this post
    Hi Veronica,

    thanks for your response.

    My entire .ascx control is listed in my post. I have literally mapped the HtmlField to my user control, added a toolsfile which is referenced in StandardConfig and MinimalConfig.

    Now when I open the content block designer I see the the Css Class ".highlight" in the list twice. In a way this makes sense because I have listed it in both the .ascx control and the tools file - however if I remove either one of these it doesnt appear at all in the list.

    there is a secondary problem aswell. In the tools file I have set that I want the class to appear in the list with a name of "Heading 3 highlight" - but it does not. Both entries are simply listed as ".highlight".

    Look forward to your response.

    higgsy
  4. Veronica
    Veronica avatar
    125 posts
    Registered:
    30 Jan 2015
    24 Aug 2011
    Link to this post
    Hello Higgsy,

    Please accept my apolgies for the late reply.

    I tried to reproduce the issue but to no avail. Could you please send me your entire project because in my opinion there is something more besides the files that you showed that makes the "highlight" css to be applied twice.

    Meantime please take a look at this help article to check whether you are missing something in the ToolsFile.xml configuration.


    Greetings,
    Veronica Milcheva
    the Telerik team

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

  5. higgsy
    higgsy avatar
    336 posts
    Registered:
    05 Aug 2010
    24 Aug 2011
    Link to this post
    Hi Veronica,

    I have submitted a support ticket for the issue. #456892

    Thanks
    higgsy
  6. Boyan Barnev
    Boyan Barnev avatar
    1429 posts
    Registered:
    28 Aug 2017
    25 Aug 2011
    Link to this post
    Hello Higgsy,

    We have replied to you in the support thread you have opened, please check our response there. For your convenience I'm pasting the reply here as well:
    "Declaring the CSS classes inside a <style> block on the template might cause the behavior you have reported (duplicating the styles) as it might get duplicated in the stylesheet of the page where the HtmlFiled control is dropped.
     In that line of reasoning, I'd suggest you to use an external stylesheet and reference it in the editor."


    Basically what you'd need is to create a stylesheet file:
    a.link
    {
        color: #0000ff;
        font-weight: normal;
        font-style: italic;
    }
    .img
    {
        border: none;
    }
    .text
    {
        background-color: Red;
        font-size: 10px;
    }
    .pinktext
    {
        background-color:Purple;
        font-size: 12px;
    }
    And then reference it in the HtmlField codefile:
    protected void Page_Load(object sender, EventArgs e)
            {
                this.editControl.CssFiles.Add("~/ControlTemplates/StyleSheet1.css");
            }
    In the toolsFile, you can just add the ApplyClass tool:
    <tool name="ApplyClass" />
    and if you want to customize the way your custom CSS classes are listed in the dropdown, you can achieve this by adding a <classes> section in the toolsfile as well:
    </tools>
        <classes>
            <class name="Clear Class" value="" />
            <class name="Links Class" value="a.link" />
            <class name="Images Class" value=".img" />
            <class name="My Red Text" value=".text" />
            <class name="My Pink Text" value=".pinktext" />
        </classes>
    </root>


    Greetings,
    Boyan Barnev
    the Telerik team

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

6 posts, 0 answered