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

2 posts, 0 answers
  1. Prashant
    Prashant avatar
    3 posts
    Member since:
    Sep 2013

    Posted 10 Sep 2013 Link to this post

    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


  2. Ianko
    Ianko avatar
    1940 posts

    Posted 12 Sep 2013 Link to this post

    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.
Back to Top