Telerik rad editor 5.6.1.0 bullet styles in the Apply CSS drop down are not working

4 posts, 0 answers
  1. velu soubramanien
    velu soubramanien avatar
    3 posts
    Member since:
    Nov 2009

    Posted 11 Feb 2011 Link to this post

    Hi Telerik,
        We are using telerik rad editor 5.6.1.0 licensed version. We are facing issues when we add content in the design tab and when try to apply some of the bullet classes from the Apply CSS Drop down.We are facing issues with all the bullet classes and numbered classes for example like ms-rteCustom-Squarebulletlist and also same problem comes with  our custom bullet classes as well.
    In the edit page when we try to apply any of the bulleted classes or numbered classes it waits for a long time but no styles get applied.From the telerik support blogs we found that some of the parent CSS may get override with telerik classes, so we have removed parent CSS still we are facing the same issue.I have attached some of the ScreenShots for more clarifications.

    Seeking your reply ASAP.Thanks In advance.



    With Regards,
    Velu Soubramanien
  2. Stanimir
    Admin
    Stanimir avatar
    1653 posts

    Posted 15 Feb 2011 Link to this post

    Hi Velu,

    Could you send me the ConfigFile.xml, ListConfigFile.xml, ToolFile.xml, ListToolsFile.xml, which are located in the /Program Files/Common Files/Microsoft Shared/web server extensions/wpresources/RadEditorSharePoint/5.x.x.0__1f131a624888eeed/Resources/ folder. Also send me the css style, which are loaded in the editor's content area. I will use these in order to reproduce the issue on our test server and advice you further.

    I also recommend you to upgrade to the latest version of RadEditor for MOSS, which now is 5.8.6. You can find the upgrade instructions in the following online help article: Upgrading to a newer version of RadEditor for MOSS


    All the best,
    Stanimir
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

  3. velu soubramanien
    velu soubramanien avatar
    3 posts
    Member since:
    Nov 2009

    Posted 15 Feb 2011 Link to this post

    Hi Stanimir,

    Thanks for your quick reply,
     
    Please find the attached ToolFile,listConfigFile,configfile and CSS informations.

    ToolFile
    --------
    <root>
      <modules>
        <module name="RadEditorDomInspector" />
      </modules>
      <tools name="MossTools1">
        <tool name="AjaxSpellCheck" />
        <tool name="FindAndReplace" />
        <tool separator="true" />
        <tool name="Cut" shortcut="CTRL+X" />
        <tool name="Copy" shortcut="CTRL+C" />
        <tool name="Paste" shortcut="CTRL+V" />
        <tool separator="true" />
        <tool name="Undo" shortcut="CTRL+Z" />
        <tool name="Redo" shortcut="CTRL+Y" />
        <tool separator="true" />
        <tool name="MOSSLinkManager" shortcut="CTRL+K" />
        <tool name="Unlink" shortcut="CTRL+SHIFT+K" />
        <tool name="ImageManager" shortcut="CTRL+G" />
        <tool name="MOSSTemplateManager" />
        <tool separator="true" />
        <tool name="MOSSInsertTable" />
        <tool name="SetTableProperties" />
        <tool name="ToggleTableBorder" />
        <tool separator="true" />
        <tool name="MOSSInsertTableElement">
          <tool name="InsertRowAbove" />
          <tool name="InsertRowBelow" />
          <tool name="InsertColumnLeft" />
          <tool name="InsertColumnRight" />
          <tool name="DeleteRow" />
          <tool name="DeleteColumn" />
          <tool name="SplitCell" />
        </tool>
        <tool name="MergeColumns" />
        <tool separator="true" />
        <tool name="ToggleSource" />
        <tool name="FormatStripper" />
        <tool separator="true" />
        <tool name="MOSSRightToLeft" />
        <tool name="MOSSLeftToRight" />
        <tool separator="true" />
        <tool name="ForeColor" />
        <tool name="BackColor" />
      </tools>
      <tools name="MossTools2">
        <tool name="ApplyClass" />
        <tool name="FormatBlock" />
        <tool separator="true" />
        <tool name="FontName" />
        <tool name="FontSize" />
        <tool separator="true" />
        <tool name="Bold" shortcut="CTRL+B" />
        <tool name="Italic" shortcut="CTRL+I" />
        <tool name="Underline" shortcut="CTRL+U" />
        <tool separator="true" />
        <tool name="JustifyLeft" />
        <tool name="JustifyCenter" />
        <tool name="JustifyRight" />
        <tool separator="true" />
        <tool name="InsertOrderedList" />
        <tool name="InsertUnorderedList" />
        <tool separator="true" />
        <tool name="Indent" />
        <tool name="Outdent" />
      </tools>
      <contextMenus>
        <contextMenu forElement="*">
          <tool name="Cut"/>
          <tool name="Copy"/>
          <tool name="Paste"/>
        </contextMenu>
      </contextMenus>
    </root>

    ConfigFile
    ------------

    <?xml version="1.0" encoding="utf-8" ?>
    <!-- ==============================================================================================
     Config File valid structure:
     <configuration>
        <property>...</property>
        ...
      <property>
       <item>...</item>
       <item>...</item>
       ...
      </property>
      ...
     </configuration>
    =============================================================================================== -->
    <configuration>
     <property name="ToolbarMode">ShowOnFocus</property>
     <property name="ToolsWidth">680px</property> 
    </configuration>

    ListConfig File
    ---------------

    <?xml version="1.0" encoding="utf-8" ?>
    <!-- ==============================================================================================
     Config File valid structure:
     <configuration>
        <property>...</property>
        ...
      <property>
       <item>...</item>
       <item>...</item>
       ...
      </property>
      ...
     </configuration>
    =============================================================================================== -->
    <configuration>
     <property name="EditModes">Design,Html</property>
     <property name="Height">240px</property>
     <property name="Width">500px</property> 
    </configuration>

    Editor content area CSS
    -------------------

    /* _lcid="1033" _version="12.0.4518"
        _LocalBinding */

    .PRISM_Normal
    {
        font-family:Arial;
     font-size:9pt;
     color: #000000;
    }

    .PRISM_Body
    {
     font-family:Arial;
     font-size:9pt;
     color: #000000;
     line-height:19px;
     text-align: left;
     padding: 0px;
    }

    .PRISM_BodyIndented
    {
     font-family:Arial;
     font-size:9pt;
     color: #000000;
     margin-left: 18px;
    }
    .PRISM_Title
    {
       
         font-family: Times New Roman !important;
     font-size:18pt !important;
     font-style:normal;
     text-decoration:none;
     line-height:30px;
     color: #333333 !important;
     font-weight:normal;
     border-top:1px,#cccccc,solid !important;
     padding-bottom:15px !important;
    }

    .PRISM_Heading1
    {
     font-family:Arial !important;
     font-size:12pt !important;
     font-weight:bold;
     text-shadow: #b5b5b5 0px 0px 3px !important;
    }

    .PRISM_Heading2
    {
        font-family:Arial !important;
        font-size:10pt !important;
        font-weight:bold;
        vertical-align:bottom !important;
        text-shadow: #b5b5b5 0px 0px 3px !important;
    }
    .PRISM_Heading3
    {

        font-family:Arial !important;
        font-size:10pt !important;
        font-weight:bold;
        font-style:italic;
        text-indent: 18px;
        vertical-align:bottom !important;
        text-shadow: #b5b5b5 0px 0px 3px !important;
    }

    ul.PRISM_BulletLevel1
    {
        font-family:Arial;
     font-size:9pt;
     color: #000000;
     list-style-image:url("/_LAYOUTS/1033/IMAGES/Smithsonian Images/Misc/bullet.gif");
     
    }
    ul.PRISM_BulletLevel2
    {
     font-family:Arial;
     font-size:9pt;
     color: #000000;
     list-style-image:url("/_LAYOUTS/1033/IMAGES/Smithsonian Images/Misc/ndash.gif");
     margin-left: 18px;
     padding-left: 0px;
    }

    ol.PRISM_NumBulletLevel1
    {
        font-family:Arial;
     font-size:9pt;
     color: #000000;

    }
    ol.PRISM_NumBulletLevel2
    {
     font-family:Arial;
     font-size:9pt;
     color: #000000;
     list-style-type:lower-alpha;
     margin-left: 18px;
     padding-left: 0px;
    }

    ul.PRISM_bullet
    {
    list-style-image:url("/_LAYOUTS/1033/IMAGES/Smithsonian Images/Misc/bullet.gif");
    font-family:Arial;
    margin-left: 18px;
    padding-left: 0px;
    font-size:9pt;
    color: #000000;
    }

    IMG.ms-rteCustom-PictureFrame
    {
     text-align: center;
     color: #FF0000;
     border: 5px double #0000FF;
     margin-left: 14;
     padding-left: 6px;
     padding-right: 4px;
     padding-top: 1px;
     padding-bottom: 1px;
     background-color: #9FC2F1;
    }
    A:link.ms-rteCustom-LinkStyle
    {
        COLOR: #003399;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        font-size:10pt; 
        font-family:Verdana; 
    }
    A:visited.ms-rteCustom-LinkStyle
    {
        COLOR: #008080;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        font-size:10pt;
        font-family:Verdana; 
    }
    A:hover.ms-rteCustom-LinkStyle
    {
        FONT: 10pt Verdana, Arial, Helvetica;
        COLOR: red;
    }
    OL.ms-rteCustom-RomanNumberList
    {
     font-family: Tahoma;
     font-size: 10pt; 
     color: #595959;
     text-indent: 0;
     text-align: left;
     list-style-type: upper-roman;
     margin-left: 30;
     margin-right: 10;
     padding-left: 10px;
     margin-top: 1;
     text-transform: capitalize;
    }
    UL.ms-rteCustom-SquareBulletList
    {
     font-family: Tahoma;
     font-size: 10pt;
     color: #595959;
     text-indent: 0;
     line-height: 150%;
     text-align: left;
     list-style-type: square;
     margin-left: 15;
     margin-right: 10;
     padding-left: 10px;
     margin-top: 10;
     word-spacing: 0;
     margin-bottom: 10;
    }
    .ms-rteCustom-ArticleTitle
    {
     font-weight: bold;
     font-family: Arial;
     font-size: 14pt;
     color: #015263;
     text-transform: capitalize;
    }
    .ms-rteCustom-ArticleByline
    {
        font-family: Arial;
        font-style: italic;
        font-size: 10pt;
        color: #7F7F7F;
    }
    .ms-rteCustom-ArticleHeadLine
    {
     font-size: 12pt;
     font-weight: bold;
     font-family: Arial, Helvetica, sans-serif;
     color: #01778F;
    }

     

  4. Stanimir
    Admin
    Stanimir avatar
    1653 posts

    Posted 15 Feb 2011 Link to this post

    Hello Velu,

    Unfortunately I was not able to reproduce the issue on our test server. For your convenience I created a small video where you can see my test: http://screencast.com/t/SHklBcV8ZQc4. So what I suggest you to do is check what styles are applied on the list elements by using tools such as IE developers toolbar (for Internet Explorer) or FireBug (for FireFox). In my video you can see a sample usage of these tools. Also make sure that your css is loaded in the page where the editor is loaded as well.


    All the best,
    Stanimir
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>
Back to Top