Rad Editor Apply CSS Issue

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

    Posted 11 Sep 2013 Link to this post

    Hello,
    I am using a Rad Editor control on my webpage. I am using custom CSS file to populate the styles classes in "Apply CSS" drop down. The issue i am facing is IE specific. In my CSS file i have some classes defined as

    h3,.style1{
    font-weight: bold;
    font-size: 14px;
    color: #000000;
    }


    This works fine in all browsers except in IE, it displays two classes :-
    style1 - this refers to h3,.style1
    style1 - this refers to .style1

    Please let me know how can i fix this.

    Thanks
    Sumit
  2. Ianko
    Admin
    Ianko avatar
    1940 posts

    Posted 13 Sep 2013 Link to this post

    Hello Sumit,

    Currently the Apply CSS Class tool is using browser's logic to populate the classes container of the RadEditor control.

    Because of this fact that this logic is implemented in the browser's core there is no available approach for us to control this behavior. 

    Currently I can suggest that you use separate CSS rules for each desired class name. This way the browser will populate only the selectors with class name. 

    Please follow this example, which would work fine in all major browsers: 
    h3{
     font-weight: bold;
     font-size: 14px;
     color: #000000;
     }
     
    .style1{
     font-weight: bold;
     font-size: 14px;
     color: #000000;
     }

    This CSS configuration will populate the dropdown only with one class name (.style1).

    Please follow these articles for more information:

    Regards,
    Ianko
    Telerik
    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