+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / Getting custom styles to display in radeditor

Getting custom styles to display in radeditor

3 posts, 0 answered
  1. Nathan
    Nathan avatar
    7 posts
    Registered:
    16 Dec 2009
    15 Feb 2010
    Link to this post
    I've added custom heading styles to the radeditor paragraph style dropdown, and the styles display correctly in the content area, but I can't seem to find a way to make them display correctly in the dropdown itself.  I also have an apply class dropdown, which displays all of my styles correctly.  Is there some extra step that I need to take to get the paragraph style box to display the styles?

    Also, I have a base css file that contains the styles that I want to show in the dropdown boxes, but it also has the following:
    html
    {
        background-color:#000;
    }

    This causes the radeditor content area to also have a black background, which I don't want.  Is there a way to override that for the radeditor? Or do I need to just make a seperate css file that contains only the styles i want to show in the dropdown boxes? 
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    16 Feb 2010
    Link to this post
    Hello Nathan,

    Please take a look at the articles below


    Greetings,
    Ivan Dimitrov
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. Trevor
    Trevor avatar
    35 posts
    Registered:
    28 Jan 2012
    24 Apr 2012
    Link to this post
    Some of these links are broken.  Those that work show how to put styles into the content area of the editor, but these styles to not appear in the Styles dropdown box.

    I have this in my HtmlFieldTemplate.ascx:
    <Paragraphs>
    <telerik:EditorParagraph Title="<h1 class='green-header'>Page Title</h1>" Tag="<h1 class='green-header'>" />
    <telerik:EditorParagraph Title="<h2>Large headline</h2>" Tag="<H2>" />
    <telerik:EditorParagraph Title="<h2 class='green-header'>Large headline (green)</h2>" Tag="<H2 class='green-header'>" />
    <telerik:EditorParagraph Title="<h3>Heading 3</h3>" Tag="<H3>" />
    </Paragraphs>

    And the styles appear in the dropdown, but they are unstyled.  The CSS classes do not have a style because there's no stylesheet in the dropdown itself.  Once dropped into the content editor, the right styles are visible, but how can you make the styles visible in the dropdown box?

    EDIT: I'm working on Sitefinity 4.3
Register for webinar
3 posts, 0 answered