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

IE9 - RadEditor Font change and Numbered list,Bullet List problem.

1 Answer 24 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Prashant asked on 10 Sep 2013, 06:23 AM
I am using Rad Editor version -2010.3.1109.35.

My changes for RadEditor
1.)In ToolsFile by adding "RealFontSize"

 <tools name="MainToolbar" enabled="true">
    <tool name="Bold" />
    <tool name="Italic" />
    <tool name="Underline" />
    <tool separator="true"/>
    <tool name="FontName" />
    <tool separator="true"/>
    <tool name="RealFontSize" />
    <tool separator="true"/>
    <tool name="ForeColor" />
    <item value="8pt"></item>
    <item value="9pt"></item>
    <item value="10pt"></item>
    <item value="11pt"></item>
    <item value="12pt"></item>
    <item value="14pt"></item>
    <item value="16pt"></item>
    <item value="18pt"></item>
    <item value="20pt"></item>
    <item value="22pt"></item>
    <item value="24pt"></item>
    <item value="26pt"></item>
    <item value="28pt"></item>
    <item value="36pt"></item>
    <item value="48pt"></item>
    <item value="72pt"></item>
2.)Added event   txtRichTextEditor.OnClientSelectionChange = "OnClientSelectionChange";
    To convert px to pts

   function OnClientSelectionChange(editor, args) {
              var tool = editor.getToolByName("RealFontSize");
            if (tool) {
                setTimeout(function () {
                    var toolval = tool.get_value();
                    if (toolval.indexOf("px") != -1) {
                        var pointval = Math.round(parseInt(toolval) * 0.75) + "pt";
                }, 0);
3.)Content area css file
   font-family: Arial !important;
   font-size: 14px !important;
   color: black !important;
   background-color: white !important;
   text-align: left !important;
    margin-left:40px !important;
    margin-bottom:0px !important;
    margin-right:0px !important;
    margin-top:0px !important;

I am facing two problems in IE9(Working fine in other browsers  like Mozilla,chrome & safari)

1.)Arial font is selected for MS Sans Serif (Other Fonts are working fine,only problem with MS Sans Serif)

Steps to reproduce:
  • Load RadEditor I.E 9 browser. 
  • Enter some text in text editor
  • Now change font style to 'MS Sans Serif' and enter some text.

Observe: MS Sans Serif will not be applied to the new text entered.
               Some times the Font name drop down also will not be changed to MS Sans Serif

2.)when clicked multiple times on Numbered list and Bullet List

Steps to reproduce:

    • Load RadEditor I.E 9 browser. 
    • Enter some text in text editor
    • Now click on Numbered List/Bullet List buttons for multiple times in text editor 

Observe :   Observe that the text is seen getting Indent in text editor on clicking Numbered and Bullet List buttons for multiple times.
                   PFA screenshot

Please give me a solution to fix these changes in my current version.(Do not want to upgrade now).
Please let me know if want any clarification/doubts in replicating the issue


1 Answer, 1 is accepted

Sort by
Telerik team
answered on 12 Sep 2013, 02:11 PM
Hello Prashant,

The described issue could be encountered because of the RadControls version that you are using, which is released before Internet Explorer 9. Due to this reason there could be such incompatibilities with it.

I suggest you to upgrade to the latest available version (2013.2.717), with which we can guarantee the support of all major browsers.

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Asked by
Top achievements
Rank 1
Answers by
Telerik team
Share this question