This is a migrated thread and some comments may be shown as answers.

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

3 Answers 108 Views
WebParts for SharePoint
This is a migrated thread and some comments may be shown as answers.
velu soubramanien
Top achievements
Rank 1
velu soubramanien asked on 11 Feb 2011, 01:39 PM
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

3 Answers, 1 is accepted

Sort by
0
Stanimir
Telerik team
answered on 15 Feb 2011, 08:19 AM
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 >>
0
velu soubramanien
Top achievements
Rank 1
answered on 15 Feb 2011, 09:04 AM

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;
}

 

0
Stanimir
Telerik team
answered on 15 Feb 2011, 01:26 PM
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 >>
Tags
WebParts for SharePoint
Asked by
velu soubramanien
Top achievements
Rank 1
Answers by
Stanimir
Telerik team
velu soubramanien
Top achievements
Rank 1
Share this question
or