Can't see table borders

[Matthew]

In your online examples, the tables inside the editor have a designer border that can be toggled on or off.  Regardless of whether my "ToggleTableBorder" toolbar button is clicked on not, I can never see the borders of my tables in design view.  Is there a setting to turn this feature on, or it is possible that CSS styles could be affecting it?

Thanks,
Matt

[Rumen]

Hi Matt,

Yes, the problem is most likely due to some global TABLE, TR or TD class that is overriding the internal class applied to the content area of RadEditor. You can easily fix the problem using the solution provided in the following help article: Content Area Appearance Problems.


Greetings,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Matthew]

Okay, that works if I only set the CssFiles property, but if I set both the CssFiles and the ContentAreaCssFile property it doesn't work.  What is the difference between those properties and when should I use one or the other?

Thanks,
Matt

[Rumen]

Hi Matt,

When the CssFiles property is set, the editor does not pick up the styles from the parent page and applies only the classes from the specified external css file to its content area.

If you want to load the styles from the parent page, then set the ContentAreaCssFile property, but make sure that you set the !important rule after all css properties set in the body tag of the file loaded through this property, e.g.

ContentAreaCssFile = "~/external.css"

external.css

TABLE
{
   background-color: white !important;
   color: black !important;
   font-size: 14px !important
}

because in other case the editor will apply the formatting from the body class from the parent page and the content can become unreadable.

Kind regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.