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
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>
4 Answers, 1 is accepted
0
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:
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
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.
0
Rhbkv
Top achievements
Rank 1
Rank 1
answered on 05 Nov 2012, 04:06 PM
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
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
0
Rhbkv
Top achievements
Rank 1
Rank 1
answered on 05 Nov 2012, 06:40 PM
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
Thanks
0
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:
Kind regards,
Dobromir
the Telerik team
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:
- The CSS files loaded manually should match the skin that is set to RadGrid
- The CSS files related to RadWindow should use RadWindow type
<linkhref='<%= Telerik.Web.SkinRegistrar.GetWebResourceUrl(Me, GetType(RadEditor), "Telerik.Web.UI.Skins.Office2007.Editor.Office2007.css") %>'rel="stylesheet" type="text/css" /><linkhref='<%= Telerik.Web.SkinRegistrar.GetWebResourceUrl(Me, GetType(RadWindow), "Telerik.Web.UI.Skins.Window.css") %>'rel="stylesheet" type="text/css" /><linkhref='<%= Telerik.Web.SkinRegistrar.GetWebResourceUrl(Me, GetType(RadWindow), "Telerik.Web.UI.Skins.Office2007.Window.Office2007.css") %>'rel="stylesheet" type="text/css" />........<telerik:RadGridrunat="server"ID="RadGridDetail"Skin="Office2007"ShowFooter="True"ShowStatusBar="True"AllowSorting="True"AllowAutomaticDeletes="True"AllowAutomaticInserts="True"AllowAutomaticUpdates="True"> - 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.