Workaround:
ControlsToSkip="TextArea"
Steps to reproduce:
<telerik:RadFormDecorator RenderMode="Lightweight" runat="server" EnableRoundedCorners="true" DecoratedControls="All" />
<telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Lightweight" AutoResizeHeight="true">
<Content>
a<br/>a<br/>a<br/>a<br/>
</Content>
</telerik:RadEditor>
1. Set this content to a page
2. Toggle Preview mode
Actual behavior: TextArea remain visible on the page as its styles get overriden
Expected: TextArea is hidden
The droppdown tools of RadEditor are not fully visible when ToolbarMode = "RibbonBarFloating" in LightWight.
Reproduction code:
<telerik:RadEditor ID="reBody" runat="server" ToolbarMode="RibbonBarFloating" RenderMode="Lightweight">
</telerik:RadEditor>
When you enable the control's keyboard navigation, using the arrow keys for navigation does not work when you use NVDA screen reader.
The encountered issue stems due to inheritance of CSS rules that select globally table elements.
For the time being you can use the following CSS reset to improve the layout of the Editor's table elements:
.reLayoutWrapper, .reWrapper_corner, .reWrapper_center,
.reLeftVerticalSide, .reRightVerticalSide,
.reTlbVertical, .reToolCell, .reContentCell,
.reToolZone, .reBottomTable, .reEditorModesCell,
.reBottomZone, .reResizeCell {
border: 0 none !important;
padding: 0 !important;
}
.Telerik.reWrapper, .Telerik.RadEditor .reContentCell,
.Telerik.reColorPicker, .Telerik.reInsertTable,
.Telerik.reCustomLinks a:hover {
border: 1px solid #828282 !important;
}
.reLeftVerticalSide, .reRightVerticalSide {
padding: 1px !important;
}
Note that these CSS rules will affect RadEditor controls outside the RadGrid. If you need to modify only RadEditors inside RadGrid, use CssClass property and change the CSS selectors according the set class name.
Also, upon the used color you may need to change the border-color according to the Skin design.
Resize before focus, and the focus and start typing.
Here is the page:
<!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 runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
<telerik:RadTextBox ID="RadTextBox1" runat="server" TextMode="MultiLine" Resize="Vertical"></telerik:RadTextBox>
</form>
</body>
</html>
http://demos.telerik.com/aspnet-ajax/editor/examples/contentareamodediv/defaultcs.aspx 1. Delete the content 2. Choose AutoResizeHeight from the Configurator Expected: The contentarea's height equals its wrapper
http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
1. Insert the following html:
<div style="float: left;">
<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" />
</div>
2. Click the image and update it via ImageManager
Expected:
<div style="float: left;">
<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/upload_100.png" />
</div>
Actual:
<div style="float: left;">
</div>
<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/upload_100.png" />
RadScheduler Server-side PDF Export does not support Lightweight render mode, as specified in the respective help article: http://docs.telerik.com/devtools/aspnet-ajax/controls/scheduler/export/pdf/overview.html
The Image Map Dialog is not rendered correctly because of a failure of the CSS reset. There is a margin-top attribute which is set with 15px value instead of 0. Possible resolutions: 1. Setting another Skin for the RadEditor control; 2. Setting a custom stylization for the dialogs, which fixes the margin issue. For this approach you can test this example setup along with the provided DialogStyle.css file: <telerik:RadEditor ID="RadEditor1" runat="server" DialogsCssFile="~/Styles/DialogStyle.css"> </telerik:RadEditor> More information about the DialogsCssFile property: http://www.telerik.com/help/aspnet-ajax/editor-dialogscssfile.html