RadEditor Inside GridEditCommandColumn

5 posts, 0 answers
  1. Rhbkv
    Rhbkv avatar
    30 posts
    Member since:
    Jun 2012

    Posted 26 Oct 2012 Link to this post

    Hi,
    we are using telerik control latest version 2012.2.912.40 in our project.

    We have RadEditor in ascx page and using ascx page to display in GridEditCommandColumn. When we use the same ascx control in separate webpage, radeditor is displaying without any issue. When we use in GridEditCommandColumn and check, there is extra spaces in both top tool bar and bottom. As per comments in "http://www.telerik.com/help/aspnet-ajax/editor_disablehidemodules.html" removed modules. Also used below code in master page (initially we had "width" problem but resolved after using below code). But still we can see the extra space in the RadEditor window. We also tried to add Editor.web20.css into our application. but no luck.
    Please help us to resolve this issue.
    Thanks

     

     

    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

     

     

     

    <StyleSheets>

     

     

     

    <Telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Editor.css" />

     

     

     

    <Telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Editor.Web20.css" />

     

     

     

    <Telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Window.css" />

     

     

     

    <Telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Window.Web20.css" />

     

     

     

    </StyleSheets>

     

     

     

    </telerik:RadStyleSheetManager>

     

  2. Rumen
    Admin
    Rumen avatar
    14324 posts

    Posted 26 Oct 2012 Link to this post

    Hi,

    Try the solution provided in this forum thread: http://www.telerik.com/community/forums/aspnet-ajax/editor/incorrect-rendering-of-radeditor-when-shown-with-ajax-in-initially-hidden-parent.aspx
    and this paragraph:

    Since Q2 2011 you need to use the Telerik.Web.SkinRegistrar.GetWebResourceUrl() method:
    <head id="Head1" runat="server">
        <title></title>
        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
            <link href='<%= Telerik.Web.SkinRegistrar.GetWebResourceUrl(this, typeof(RadEditor), "Telerik.Web.UI.Skins.Editor.css") %>'
                rel="stylesheet" type="text/css" />
            <link href='<%= Telerik.Web.SkinRegistrar.GetWebResourceUrl(this, typeof(RadEditor), "Telerik.Web.UI.Skins.Default.Editor.Default.css") %>'
                rel="stylesheet" type="text/css" />
            <link href='<%= Telerik.Web.SkinRegistrar.GetWebResourceUrl(this, typeof(RadWindow), "Telerik.Web.UI.Skins.Window.css") %>'
                rel="stylesheet" type="text/css" />
            <link href='<%= Telerik.Web.SkinRegistrar.GetWebResourceUrl(this, typeof(RadWindow), "Telerik.Web.UI.Skins.Default.Window.Default.css") %>'
                rel="stylesheet" type="text/css" />
        </telerik:RadCodeBlock>
    </head>

    If this does not help inspect with Firebug / IE or Google Developer toolbar for global CSS classes applied to the HTML elements of RadEditor and remove them.

    If you unable to fix the issue, open a support ticket and provide a simple fully working project, which demonstrates the appearance problem.

    All the best,
    Rumen
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. Rhbkv
    Rhbkv avatar
    30 posts
    Member since:
    Jun 2012

    Posted 05 Nov 2012 Link to this post

    Hi Rumen,

    The code snippet you have given is resolved only width problem. There is no change on hiding extra rows in RadEditor. Applying CSS also is not working.The problem only the radeditor within GridEditCommandColumn.

    Thanks
  4. Rhbkv
    Rhbkv avatar
    30 posts
    Member since:
    Jun 2012

    Posted 05 Nov 2012 Link to this post

    After furhter analysis, I just found out if I use Skin="WebBlue" , the same code displays RadEditor without empty row. But If I use any other skin including default, we still have a problem. Any idea what is the difference btw skin "WebBlue" and others?

    Thanks
  5. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 07 Nov 2012 Link to this post

    Hello,

    I have already answered to your support ticket on the subject. For convenience I will paste my answer here as well:

    In the provided sample pages you have missed the following key elements from the forum thread:
    1. The CSS files loaded manually should match the skin that is set to RadGrid
    2. The CSS files related to RadWindow should use RadWindow type

              <link href='<%= Telerik.Web.SkinRegistrar.GetWebResourceUrl(Me, GetType(RadEditor), "Telerik.Web.UI.Skins.Office2007.Editor.Office2007.css") %>'
                  rel="stylesheet" type="text/css" />
              <link href='<%= Telerik.Web.SkinRegistrar.GetWebResourceUrl(Me, GetType(RadWindow), "Telerik.Web.UI.Skins.Window.css") %>'
                  rel="stylesheet" type="text/css" />
              <link href='<%= Telerik.Web.SkinRegistrar.GetWebResourceUrl(Me, GetType(RadWindow), "Telerik.Web.UI.Skins.Office2007.Window.Office2007.css") %>'
                  rel="stylesheet" type="text/css" />
       
      ........
       
            <telerik:RadGrid runat="server" ID="RadGridDetail"
               Skin="Office2007"  ShowFooter="True"
               ShowStatusBar="True" AllowSorting="True" AllowAutomaticDeletes="True"
               AllowAutomaticInserts="True" AllowAutomaticUpdates="True" >
    3. You need to set EnableEmbeddedSkins and EnableEmbeddedBaseStylesheet properties to false. These two properties will configure the control not to request its CSS files.


    Kind regards,
    Dobromir
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top