RadEditor for ASP.NET

Using CSS Styles Send comments on this topic.
DropDowns > Using CSS Styles

Glossary Item Box

 

In a nutshell, by default the CSS class dropdown for every dialog will display all the global styles and the ones that are directly related to the object - e.g. a.class for the Hyperlink Manager. Same holds true for the Table Properties dialog and any other Telerik RadEditor's dialog where CSS class can be applied. 

Let us set the following styles in our page:

ASPX Copy Code
<head>
  
<style>
     
TABLE.TABLEgreen {background-color: green;}
     
td.TDyellow {background-color:yellow;}
     
a.APink {background-color: pink;}
     
p.ParaTagRed {background-color: red;}
     
img.IMGREDred {background-color:red;}
    
.DotOrange{background-color: orange;}
  
</style>
</head>
The styles can also be set via an external stylesheet. More information of how to do this is provided in the topic External CSS Files.


As you can see from the provided screenshots, the CSS class dropdown in every dialog will display the styles that can be set only on the selected element and all the global styles that can be applied over any Html element:

 

Css1

 

 CSS 2

CSS 3

CSS 4

CSS 5

More information about CSS styles - global and specific for an element, can be found in various internet sites. For example - www.w3c.org.