DIsplay size differs from Telerik site

5 posts, 1 answers
  1. Pat
    Pat avatar
    14 posts
    Member since:
    Apr 2011

    Posted 03 Apr 2015 Link to this post

    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"  />
       

     

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 07 Apr 2015 Link to this post

    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
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Pat
    Pat avatar
    14 posts
    Member since:
    Apr 2011

    Posted 07 Apr 2015 in reply to Marin Bratanov Link to this post

    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?
  5. Answer
    Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 08 Apr 2015 Link to this post

    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
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  6. Pat
    Pat avatar
    14 posts
    Member since:
    Apr 2011

    Posted 21 Apr 2015 in reply to Marin Bratanov Link to this post

    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?
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017