Styles being stripped out

[Matt Toms]

Hi
When I type something like this into the html editor for the Radeditor: -

<div style="border: dotted 1px gray; width: 900px; paddding: 5px; margin: auto;">

Some Content

</div>

Some of the style attributes get removed when I switch to design mode and then back to html mode so that I am left with this: -

<div style="border: dotted 1px gray;">

Some Content

</div>

Why do some of the style attributes get stripped out and how can I stop it from happening?

Thanks
Matt

[Stanimir]

Hello Matt Toms,

Could you please tell us in which browser are you experiencing this issue?
I tested it in our online demos http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx using IE7, FF 3.0.7 web browsers.

Here are the results.
After pasting your code

<div style="border: dotted 1px gray; width: 900px; paddding: 5px; margin: auto;">

Some Content

</div>

and toggling between HTML and Design modes, I got the following result.

1. FireFox

<div style="border: 1px dotted gray; margin: auto; width: 900px;">
Some Content
</div>

2. IE7

<div style="border: gray 1px dotted;  margin: auto;  width: 900px;  paddding: 5px;">Some Content </div>

So what I was able to reproduce is that in FireFox there is a paddding CSS property stripped.

The information regarding the browser will be helpful in reproducing the problem on our side.

Thank you.



All the best,
Stanimir
the Telerik team

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