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

Forums / Developing with Sitefinity / Apply CSS Class Browser Display Issue

Apply CSS Class Browser Display Issue

4 posts, 0 answered
  1. mcpdinkansas
    mcpdinkansas avatar
    102 posts
    Registered:
    22 Mar 2007
    07 Oct 2010
    Link to this post
    I have applied the custom Apply CSS Class drop down list to the Generic Content Editor. All works fine except when in Internet Explorer 8 the drop down list repeats my classes. It is very strange and I was wondering if there is any way to fix this?

    I have attached a screen shot and below is my EditorToolsFile.xml:

    <root>
      <tools dockable="false">
        <tool name="Bold" shortcut="CTRL+B"/>
        <tool name="Italic" shortcut="CTRL+I"/>
        <tool name="JustifyLeft" />
        <tool name="JustifyCenter" />
        <tool name="JustifyRight" />
        <tool name="JustifyFull" />
        <tool name="InsertOrderedList" />
        <tool name="InsertUnorderedList" />
        <tool separator="true"/>
      </tools>
      <tools name="MainToolbar" dockable="false">
        <tool name="AjaxSpellCheck" shortcut="F7"/>
        <tool name="PasteFromWordNoFontsNoSizes" />
        <tool name="PastePlainText" />
        <tool separator="true"/>
        <tool name="Undo" shortcut="CTRL+Z"/>
        <tool name="Redo" shortcut="CTRL+Y"/>
        <tool separator="true"/>
      </tools>
      <tools name="InsertToolbar" dockable="false">
        <tool name="LibraryImageManager" text="Insert an image"/>
        <tool name="LibraryDocumentManager" text="Insert a document"/>
        <tool name="LinkManager" text="Insert a link" shortcut="CTRL+K"/>
        <tool name="Unlink" shortcut="CTRL+SHIFT+K"/>
        <tool name="FlashManager" />
        <tool name="MediaManager" />
      </tools>
      <tools name="DropdownToolbar" dockable="false">
        <tool name="FormatBlock"/>
        <tool name="FormatStripper"/>
        <tool name="ToggleScreenMode" />
      </tools>
      <tools name="CssToolbar" dockable="false">
        <tool name="ApplyClass" />
      </tools>
      <links>
        <link name="telerik" href="http://www.telerik.com">
          <link name="Products" href="http://www.telerik.com/products">
            <link name="r.a.d.controls suite" href="http://www.telerik.com/radcontrols" />
            <link name="r.a.d.navigation suite" href="http://www.telerik.com/radnavigation" />
            <link name="r.a.d.editor" href="http://www.telerik.com/radeditor" />
            <link name="r.a.d.designer" href="http://www.telerik.com/raddesigner" />
            <link name="r.a.d.spell" href="http://www.telerik.com/radspell" />
            <link name="r.a.d.chart" href="http://www.telerik.com/radchart" />
            <link name="r.a.d.menu" href="http://www.telerik.com/radmenu" />
            <link name="r.a.d.treeview" href="http://www.telerik.com/radtreeview" />
            <link name="r.a.d.panelbar" href="http://www.telerik.com/radpanelbar" />
            <link name="r.a.d.rotator" href="http://www.telerik.com/radrotator" />
            <link name="r.a.d.tabstrip" href="http://www.telerik.com/radtabstrip" tooltip="Tooltip" />
          </link>
          <link name="Purchase" href="http://www.telerik.com/purchase" />
          <link name="Support" href="http://www.telerik.com/support" />
          <link name="Client.Net" href="http://www.telerik.com/clientnet" />
        </link>
        <link name="Microsoft">
          <link name="Main Site" href="http://www.microsoft.com" />
          <link name="MSDN Online" href="http://msdn.microsoft.com" />
          <link name="Windows Update" href="http://windowsupdate.microsoft.com" />
        </link>
        <link name="Search Engines">
          <link name="Google" href="http://www.google.com" />
          <link name="Yahoo" href="http://www.yahoo.com" />
          <link name="AltaVista" href="http://www.altavista.com" />
        </link>
      </links>
      <snippets>
        <snippet name="Order Confirmation">
          <![CDATA[
                        <div style="width:300px;border:2px outset #D8D2BD;padding:34px;font-family:Arial, Verdana; font-size:11px;background-color:#F1EFE6;">
                        Dear ____________________,<br />
                        Thank you for inquiring about ____________. Your request will be processed in 48 hours and shipped at the address you have provided.
                        <br /><br />
                            <b>Please, contact us if you have any problems.</b>
                        </div>
                    ]]>
        </snippet>
        <snippet name="Email Signature">
          <![CDATA[
                        <div style="margin-top:30px;width:80%;border-top:1px dotted gray;padding-top:4px;font-family:Arial, Verdana; font-size:11px;">
                        <b>John Wigham</b><br />
                        Senior Web Developer<br />
                            <a href="#">john@mysite.com</a>
                            <br />
                                <br />
                                    <i>Disclaimer: The contents of this e-mail are privileged and confidential and intended for the addressees at the specified e-mail addresses only.</i>
                        </div>
                    ]]>
        </snippet>
        <snippet name="Problem Report Feedback">
          <![CDATA[
                        <div style="width:300px;border:2px outset #D8D2BD;padding:34px;font-family:Arial, Verdana; font-size:11px;background-color:#F1EFE6;">
                        Hi ____________________,<br />
                        Thank you for reporting this issue. We have verified the problem and it is logged in our system. We will notify you once we have a solution.
                        <br /><br />
                            <b>Please, contact us if you have any problems.</b>
                        </div>
                    ]]>
        </snippet>
      </snippets>
      <symbols></symbols>
      <fontNames>   </fontNames>
      <fontSizes>
      </fontSizes>
      <realFontSizes>
        <item value="11px"></item>
        <item value="12px"></item>
        <item value="13px"></item>
        <item value="14px"></item>
        <item value="18px"></item>
        <item value="22px"></item>
      </realFontSizes>
      <colors></colors>
      <paragraphs>
        <paragraph name="Normal" value="<p>" />
        <paragraph name="<H1 style='color:#6e7db4;font-weight:bold;font-size:26px;margin: 0 0 15px 0;'>Heading 1</H1>" value="<H1>" />
        <paragraph name="<H2 style='color:#6e7db4;font-weight:bold;font-size:22px;margin: 0 0 15px 0;'>Heading 2</H2>" value="<H2>" />
        <paragraph name="<H3 style='color:#6e7db4;font-weight:bold;font-size:18px;margin: 0 0 10px 0;'>Heading 3</H3>" value="<H3>" />
        <paragraph name="<H4 style='color:#6e7db4;font-weight:bold;font-size:16px;margin: 0 0 5px 0;'>Heading 4</H4>" value="<H4>" />
        <paragraph name="<H5 style='color:#6e7db4;font-weight:bold;font-size:14px;margin: 0 0 5px 0;'>Heading 5</H5>" value="<H5>" />
        <paragraph name="<H6 style='color:#6e7db4;font-weight:bold;font-size:14px;font-style:italic;margin: 0 0 5px 0;'>Heading 6</H6>" value="<H6>" />
      </paragraphs>
      <cssFiles>
        <item name="~/css/editor.css" />
      </cssFiles>
      <classes>
        <class name="Red" value=".red" />
        <class name="Green" value=".green" />
        <class name="Purple" value=".purple" />
        <class name="Purple 2" value=".purple2" />
        <class name="Orange" value=".orange" />
        <class name="Blue Page Title" value=".bluePageTitle" />
        <class name="Red Page Title" value=".redPageTitle" />
        <class name="Green Page Title" value=".greenPageTitle" />
        <class name="Purple Page Title" value=".purplePageTitle" />
        <class name="Purple 2 Page Title" value=".purple2PageTitle" />
        <class name="Orange Page Title" value=".orangePageTitle" />
      </classes>
      <dialogParameters></dialogParameters>
      <languages></languages>
      <contextMenus>
      </contextMenus>
    </root>
    <!-- ==============================================================================================
    The ToolsFile must have a valid structure as shown below
    All attributes and their values are case sensitive!
    <root>
      <modules>
        <module />
        <module/>
      </modules>
      <tools>
        <tool />
        <tool />
         ...
      </tools>
        ...
      <colors>
        <color/>
        <color/>
      </colors>
    </root>
     
    <tool> element valid attributes:
      
    name (required): Bold Italic Underline StrikeThrough Superscript Subscript
    JustifyLeft JustifyCenter JustifyRight JustifyFull InsertOrderedList InsertUnorderedList
    Outdent Indent Cut Copy Paste PasteFromWord
    PastePlainText PasteAsHtml Print Undo Redo ImageManager
    AbsolutePosition LinkManager Unlink InsertBoldHorizontalRule InsertTable ToggleTableBorder
    FormatBlock ApplyClass FontName  FontSize InsertCustomLink Custom
    InsertSymbol BackColor ForeColor FlashManager MediaManager SpellCheck
    FormatStripper InsertParagraph InsertSnippet Help FindAndReplace DocumentManager
    PasteFromWordNoFontsNoSizes InsertFormElement InsertDate InsertTime TemplateManager ToggleScreenMode
    Zoom ModuleManager ToggleDocking RepeatLastCommand AboutDialog 
      
    title
    (not required):
     Some hint string for this tool.
      
    shortcut
    (not required):
     The key combination for the specific tool. Examples:
        <tool name="TemplateManager" shortcut="Ctrl+Shift+Alt+N"/>
        <tool name="LinkManager" shortcut="Ctrl+L" />
     
     
    <separator> element
    true/false Indicates whether a separator should appear at current position.
     
    <tools> element valid attributes:
    name (required): This string will identify the toolbar.
    enabled (not required): true/false (Indicates whether the tool will be available on the client or not)
    visible (not required):
     true/false (Indicates whether the tool should appear in the toolbar or not. This toolbar will be available client-side - the property defines only the visibility of the tool.)
    dockable (not required):
     true/false (Indicates whether you will be able to drag&drop the toolbar to the docking zones)
     
    <module> element valid attributes:
    (module elements should appear as child elements of an element "modules")
    name (required):
     The friendly name of the module. When in floating mode the name will appear in the tool's titlebar.
    dockable (not required):
     (Indicates whether you will be able to drag&drop the tool to the docking zones)
    enabled (not required):
     (Indicates whether the module will be available on the client or not)
    visible (not required):
     (Indicates whether the module should appear in the toolbar or not. This module will be available client-side - the property defines only the visibility of the module. )
     
    <link> element valid attributes:
    (link elements should appear as child elements of an element "links")
    name (required):
     Link/Category Name/Alias
    href (not required):
     URL of the link/category
    target (not required):
     The target window of the link
    tooltip (not required):
     The tooltip for the link
      
    <symbol> element valid attributes:
    (symbol elements should appear as child elements of an element "symbols")
    value (required):
     The symbol to be displayed
     
    <font> element valid attributes:
    (font elements should appear as child elements of a tool element with "name" attribute set to "fontNames")
    name (required):
     Font Name
      
    <class> element valid attributes:
    (class elements should appear as child elements of an element "classes")
    name (required):
     Class Alias
    value (required):
     Class Name
     
    <paragraph> element valid attributes:
    (paragraph elements should appear as child elements of an element "paragraphs")
      
    name (required):
     Paragraph Alias
    value (required):
     Paragraph Name
     
    <color> element valid attributes:
    (color elements should appear as child elements of an element "colors")
    value (not required):
     Hex value of the color
     
    <snippet> element valid attributes:
    (snippet elements should appear as child elements of an element "snippets")
    name (required):
     Snippet Alias
      
    <language> element valid attributes:
    (language elements should appear as child elements of an element "Languages")
    code (required):
     Language code
    title (required):
     Language Title
      
    The contextMenus tag in the Tools file allows you to change the default or specify custom context menus for different HTML elements.
    <contextMenu > element valid attributes:
    (contextMenu elements should appear as child elements of an element "contextMenus")
    forElement (required):
     The HTML element that will call this menu.
    enabled (required):
     Defines if this context menu is switched.
     
    The example below shows how to attach custom context menus for <A> and <P> elements.
     
    <contextMenus>
       <contextMenu forElement="A" enabled="false">
       </contextMenu>
       <contextMenu forElement="P">
           <tool name="JustifyLeft" />
           <tool name="JustifyCenter" />
           <tool name="JustifyRight" />
           <tool name="JustifyFull" />
       </contextMenu>
    </contextMenus>            
    =============================================================================================== -->
  2. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    01 Feb 2016
    08 Oct 2010
    Link to this post
    Hello mcpdinkansas,

    Can you please let us know which version of Sitefinity are you using? We cannot reproduce the issue in the latest official release of the system. Also please check if you have duplicate style rule entries in the bellow css file mapped:

    <cssFiles>
      <item name="~/css/editor.css" />
    </cssFiles>

    All the best,
    Radoslav Georgiev
    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. mcpdinkansas
    mcpdinkansas avatar
    102 posts
    Registered:
    22 Mar 2007
    21 Dec 2010
    Link to this post
    This is still an issue

    Version: Sitefinity 3.7.2096.2:0
  4. Georgi
    Georgi avatar
    3583 posts
    Registered:
    28 Oct 2016
    27 Dec 2010
    Link to this post
    Hi,

    Could you please open a support of forum ticket to the RadEditor team? They should be able to provide you with more information about this issue..

    Thank you for your understanding and happy holidays!

    All the best,
    Georgi
    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
Register for webinar
4 posts, 0 answered