3 Answers, 1 is accepted
I tried to reproduce the reported problem with the Default Example of RadEditor but without success.
Are you able to reproduce it? If yes, could you please provide step-by-step instructions how to recreate it.
If you encounter this issue only in your project, then it could be due to some class on your page that has
overflow property. Please, set the CssFiles property of RadEditor and the editor will not pick up the css classes from the page and will not apply them to its content area.
If you are unable to solve the problem, open a support ticket and send a fully working project for examination.
Sincerely yours,
Rumen
the Telerik team
Check out Telerik Trainer , the state of the art learning tool for Telerik products.
Rank 1
<%@ Page Language="C#" Inherits="ButtonCMSL.Views.Admin.Admin_Index" CodeBehind="Index.aspx.cs"
AutoEventWireup="True" %>
<%@ Import Namespace="ButtonCMSL.Core" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Index</title>
<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
<script type="text/javascript">
function ajaxRequest(operation)
{
var ajaxManager = <%= RadAjaxManager1.ClientID %>;
ajaxManager.ajaxRequest(operation);
}
</script>
</telerik:RadScriptBlock>
<link type="text/css" rel="Stylesheet" href="<%= Request.ApplicationPath %>Content/Admin.css" />
</head>
<body>
<form id="form1" runat="server">
<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
</telerik:RadStyleSheetManager>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="AjaxRequest">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="form1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="MainStrip" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="false" Skin="Outlook" />
<telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="all">
</telerik:RadFormDecorator>
<div>
<h2>
ButtonCMS Lite</h2>
</div>
<telerik:RadTabStrip ID="MainStrip" runat="server" SelectedIndex="0" MultiPageID="MainMultiPage">
<Tabs>
<telerik:RadTab runat="server" Text="Pages" PageViewID="MainPage2">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Site" PageViewID="MainPage1">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="MainMultiPage" runat="server" SelectedIndex="0">
<telerik:RadPageView ID="MainPage2" runat="server">
<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="800" SplitBarsSize="5"
Orientation="Vertical">
<telerik:RadPane ID="navigationPane" runat="server" Width="20%">
<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" GridLines="None">
<MasterTableView CellSpacing="-1">
<Columns>
<telerik:GridTemplateColumn HeaderText="Pages">
<ItemTemplate>
<asp:HyperLink ID="HyperLink1" Font-Bold="true" runat="server" Text='<%# Eval("PageName") %>'
NavigateUrl='<%# "/Admin/Page/" + Eval("ID") %>' />
</ItemTemplate>
<HeaderTemplate>
<div style="display: block;">
<div style="float: right; display: inline">
<input type="button" value="Add Page" onclick="document.location'/Admin';" />
</div>
<asp:Label ID="Label1" Text="Pages" runat="server" Font-Size="Medium" Font-Bold="true" />
</div>
</HeaderTemplate>
</telerik:GridTemplateColumn>
</Columns>
<RowIndicatorColumn>
<HeaderStyle Width="20px" />
</RowIndicatorColumn>
<ExpandCollapseColumn>
<HeaderStyle Width="20px" />
</ExpandCollapseColumn>
</MasterTableView>
</telerik:RadGrid>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward" />
<telerik:RadPane ID="contentPane" runat="server" Width="80%">
<telerik:RadTabStrip ID="PageTabStrip" runat="server" SelectedIndex="0" MultiPageID="PageMultiPage">
<Tabs>
<telerik:RadTab runat="server" Text="Page Details" PageViewID="InnerPage1">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Page Content" PageViewID="InnerPage2">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="PageMultiPage" runat="server" SelectedIndex="0">
<telerik:RadPageView ID="InnerPage1" runat="server">
<div style="padding: 10px;">
<h3 style="display: inline">
Page Name :
<%= page.PageName %></h3>
<input type="button" id="gotobut" value="Visit Page" runat="server" />
<div>
</div>
<fieldset style="padding: 5px; display: inline;">
<legend>Page Details</legend>
<table cellpadding="5">
<tr>
<td>
<label for="pageName">
Page Name</label>
</td>
<td>
<telerik:RadTextBox runat="server" ID="pageName" Width="200" />
</td>
</tr>
<tr>
<td>
<label for="pageTitle">
Page Title</label>
</td>
<td>
<telerik:RadTextBox runat="server" ID="pageTitle" Width="200" />
</td>
</tr>
<tr>
<td>
<label for="pageUrl">
Page Url</label>
</td>
<td>
<telerik:RadTextBox runat="server" ID="pageUrl" Width="200" />
</td>
</tr>
<tr>
<td>
<label for="showInMain">
Show In Main Menu</label>
</td>
<td>
<asp:CheckBox runat="server" ID="showInMain" />
</td>
</tr>
<tr>
<td>
<label for="showInMain">
Show In Category Menu</label>
</td>
<td>
<asp:CheckBox runat="server" ID="showInSide" />
</td>
</tr>
<tr>
<td>
<label for="showInMain">
Is Published</label>
</td>
<td>
<asp:CheckBox runat="server" ID="published" />
</td>
</tr>
<tr>
<td>
<label for="showInMain">
Category</label>
</td>
<td>
<telerik:RadComboBox ID="cats" runat="server" DataTextField="CategoryName" DataValueField="ID">
</telerik:RadComboBox>
</td>
</tr>
<tr>
<td colspan="2">
<asp:Button ID="Button1" runat="server" Text="Save Changes" OnClick="SaveEditor" />
<asp:Button ID="Button2" runat="server" Text="Save Changes & Publish" OnClick="SavePublishEditor" />
</td>
</tr>
</table>
</fieldset>
</div>
</telerik:RadPageView>
<telerik:RadPageView ID="InnterPage2" runat="server">
<telerik:RadEditor ID="cmseditor" runat="server" Width="100%" DialogHandlerUrl="~/Telerik.Web.UI.DialogHandler.axd"
ToolsFile="~/Content/ToolsFile.xml" AutoResizeHeight="true">
<CssFiles>
<telerik:EditorCssFile Value="~/Content/Styles.css" />
</CssFiles>
<ImageManager UploadPaths="~/Content/Images" DeletePaths="~/Content/Images" ViewPaths="~/Content/Images" />
<DocumentManager UploadPaths="~/Content/Documents" DeletePaths="~/Content/Documents"
ViewPaths="~/Content/Documents" />
<FlashManager UploadPaths="~/Content/Flash" DeletePaths="~/Content/Flash" ViewPaths="~/Content/Flash" />
<MediaManager UploadPaths="~/Content/Media" DeletePaths="~/Content/Media" ViewPaths="~/Content/Media" />
<SilverlightManager UploadPaths="~/Content/Silverlight" DeletePaths="~/Content/Silverlight"
ViewPaths="~/Content/Silverlight" />
<TemplateManager UploadPaths="~/Content/Template" DeletePaths="~/Content/Template"
ViewPaths="~/Content/Template" />
</telerik:RadEditor>
<asp:Button ID="savebut" runat="server" Text="Save Changes" OnClick="SaveEditor" />
<asp:Button ID="savepubbut" runat="server" Text="Save Changes & Publish" OnClick="SavePublishEditor" />
</telerik:RadPageView>
</telerik:RadMultiPage>
</telerik:RadPane>
</telerik:RadSplitter>
</telerik:RadPageView>
<telerik:RadPageView ID="MainPage1" runat="server">
<fieldset style="padding: 5px; display: inline;">
<legend>Site Configuration</legend>
<table cellpadding="5">
<tr>
<td>
<label for="username">User Name</label>
</td>
<td>
<telerik:RadTextBox runat="server" ID="username" Width="200" />
</td>
</tr>
</table>
</fieldset>
</telerik:RadPageView>
</telerik:RadMultiPage>
<script type="text/javascript">
RadEditorCommandList["Save"] = function(commandName, editor, oTool) {
ajaxRequest("Save");
}
RadEditorCommandList["Cancel"] = function(commandName, editor, oTool) {
ajaxRequest("Cancel");
}
</script>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" BackgroundPosition="Center">
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/ajax-loader-large.gif" />
</telerik:RadAjaxLoadingPanel>
</form>
</body>
</html>
Thank you for the provided example.
I examined it and found that the observed behavior is caused by the RadEditor's AutoResizeHeight property that is set to "true". When this property is set to true, then the editor does not show its vertical scrollbar and fits the content height. This mode is still enabled in full screen mode and for that reason the scrollbar is not displayed.
For the time being It is not possible to have both options enabled in the same time without side effects. The solution is to either disable the full screen mode or set the AutoResizeHeight property to false.
All the best,
Rumen
the Telerik team
Check out Telerik Trainer , the state of the art learning tool for Telerik products.