DIsplay size differs from Telerik site

[Pat]

The spacing in 2.jpg is much larger than 1.jpg.   1.jpg is using the sample editor on the telerik site.  The 2.jpg image is on my website.   How can I make my site look like the telerik site?

The code I am using follows;

<telerik:RadEditor ID="ed1Rad" runat="server"  Visible="true"  EditModes="Preview"  Style="overflow: scroll; border: 1px solid black;"  Height="300"  />
   

 

[Marin Bratanov]

Hello Pat,

Our demos default to the Silk skin which has slightly larger dimensions than the Default skin. Also, RadEditor has different default dimensions for skins like Silk, Glow, MetroTouch, BlackMetroTouch and, theferore, if you do not specify the Width property, it can have different default values. The same applies for the Height property.

Regards,

Marin Bratanov
Telerik

 

 

[Pat]

I do not have access to the silk skin as I have an older version (2011.1.519.35).  All the skins I tried have the same effect.  I appears that the definition for the margin-top in the paragraph tag is equal to the height of the line.   So back to back paragraphs appear to be double spaced. Add a normal blank line between paragraphs and it now looks like 3 lines separating the text.  Any suggestions on how to control the paragraph spacing within the skin styles?

[Marin Bratanov]

Hello Pat,

In this case, my best advice is to upgrade to the latest version to benefit from the new features, skins and controls we have added in the last 4 years.

As for the paragraph spacing - this does not come from the skins of the control, but from the CSS the developer has provided to it, or from the CSS on the page.

By default, the editor takes the CSS rules from the page and imports them in its content area so it gets similar appearance and rules as the page it is used in. Thus, global selectors in the site stylesheet for paragraphs and line breaks are likely to cause such behavior. You can avoid inheriting them by specifying your own (or an empty) stylesheet in the CssFiles collection and for the ContentAreaCssFile http://www.telerik.com/help/aspnet-ajax/editor-content-area-custom-stylization.html.

Regards,

Marin Bratanov
Telerik

 

 

[Pat]

I modified my code to use ContentAreaCssFile="~/ContentAreaCssFile.css"   and it works fine on some machines but not others.  Any thoughts as to why this might occur?