New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Inner Toolbars are Displayed in Multiple Lines

PROBLEM

RadEditor's content inherits the styles present on the page and therefore when CSS styles are applied through global selectors (tag names)the elements in the RadEditor may not have the expected rendering. For instance, if there are styles set to every unordered list on the page it would affect the RadEditor toolbars in a similar way:

ul { 
    float: none !important;
} 

editor-innert-toolbars-issue

SOLUTION

You could avoid this behavior by setting the default settings of the RadEditor's elements explicitly after the global selector. The example above will be fixed with the following styles:

ul { 
    float: none !important;
} 
ul.reToolbar { 
    float: left !important; 
}
In this article