Add a label control which has the same look and feel as the rest of the Telerik ASP.NET AJAX components.
I have a client who is trying to design html page using the RadEditor (an upgraded to the latest internal build this week). The HTML has some IE tags enclosed in html comment fields. they do some browser detection and then write out the <HTML> tag with the appropriate style tags added. They want the code to look like this: <!doctype html> <!--[if IEMobile 7]><html class="no-js iem7 oldie"><![endif]--> <!--[if lt IE 7]><html class="no-js ie6 oldie" lang="en"><![endif]--> <!--[if (IE 7)&!(IEMobile)]><html class="no-js ie7 oldie" lang="en"><![endif]--> <!--[if (IE 8)&!(IEMobile)]><html class="no-js ie8 oldie" lang="en"><![endif]--> <!--[if gt IE 8]><!--><html class="no-js" lang="en"><!--<![endif]--> <!--[if (gte IE 9)|(gt IEMobile 7)]><!--><html class="no-js" lang="en"><!--<![endif]--> but when i insert this into the RadEditor it comes out looking like this: <html class="no-js" lang="en"><!--<![endif]--><!--[if (gte IE 9)|(gt IEMobile 7)]><!--><!--<![endif]-->
When selecting a table element in the content area via the Dom inspector, Delete Table does not remove the table. You can use the RemoveElement from DOM inspector as a temporary workaround.
When RadEditor with Bootstrap skin is inserted in the ContentTemplate of RadWindow, the tools look incorrect. A temporary solution is to override some CSS rules with more proper values: <style> .RadWindow .RadEditor .Bootstrap.reToolbarWrapper .reToolbar .reToolLastItem .reTool { border-right-width: 0; } .RadWindow .Bootstrap.RadEditor.reWrapper .reSplitButton.reTool { width: 42px; } .RadWindow .Bootstrap.RadEditor.reWrapper .Bootstrap.reToolbarWrapper .reToolbar li { border-right-width: 1px; border-left-width: 0; } .RadWindow .Bootstrap.RadEditor.reWrapper .Bootstrap.reToolbarWrapper .reToolbar li.reToolFirstItem { border-left-width: 1px; } .RadWindow .Bootstrap.RadEditor.reWrapper .Bootstrap.reToolbarWrapper .reToolbar .reSeparator + li { border-width: 1px; } </style> <telerik:RadWindow runat="server" Width="1200px" Height="600px" VisibleOnPageLoad="true"> <ContentTemplate> <telerik:RadEditor runat="server" Skin="Bootstrap"> </telerik:RadEditor> </ContentTemplate> </telerik:RadWindow>
When localizing RadSpell to e.g., German, buttons' text is longer than expected and overflows outside the button. To fix the issue you can use an external dialog css file like in this code snippet: ASP.NET -------------------------------------------------------------------------------------- <asp:TextBox ID="textBox2" runat="server" width="100%" Height="100px" TextMode="MultiLine">Dies ist eine Textbox mit ainigen absichtlichen fehlern.</asp:TextBox> <br /> <telerik:RadSpell ID="spell2" runat="server" ControlToCheck="textBox2" Language="de-DE" DictionaryLanguage="de-DE" SpellCheckProvider="EditDistanceProvider" Skin="Silk" DialogsCssFile="spell-dialog-css.css"></telerik:RadSpell> CSS -------------------------------------------------------------------------------------- button { overflow: hidden; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
With RadCloudUpload control the users will be able to upload files to Amazon S3 and Azure Blob storage. Also the developers could implement own storage providers and upload files to custom locations.
When the form element is offset, RadAutoCompleteBox popup is not properly positioned unlike the Combo / Dropdown counterparts. Since we append all popups in the FORM element, the issue is only exhibited if FORM is not top level element, but is instead nested. The most obvious case is when you have Bootstrap structured page: .container > .row > .column.offset-3 > *form* > radautocompletebox.
Using the web.config to enable lightweight or auto rendering for all controls, some of RadEditor dialogs (most of them are the Lite Dialogs) have visual issues and are impossible to be used.
The editor does not go to edit mode. The problem occurs also when Auto mode is used. This prevents the developers to rely on the AutoResizeHeight functionality when a mix of all rendering modes is required. Possible workaround is to use the RadDeviceDetectionFramework - http://docs.telerik.com/devtools/aspnet-ajax/controls/raddevicedetectionframework - and programmatically disable the AutoResizeHeight in mobile devices: ASP.NET <telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Auto" AutoResizeHeight="true"> <Content> <p>editor</p> </Content> </telerik:RadEditor> C# using Telerik.Web.Device.Detection; public partial class Default : System.Web.UI.Page { private void Page_Load() { if (Detector.GetScreenSize(Request.UserAgent) < DeviceScreenSize.Medium) { RadEditor1.AutoResizeHeight = false; } } }
It would be helpful , if you provide image library like Visual Studio provides. The image library can have all the standard and specific icons of telerik.
Using this method to programmatically select the content area does not work as expected in Edge browser. Possible workaround is to use ContentAreaMode="Div". Or using editor.get_contentArea().focus() method instead of editor.setFocus() (This might not work for some legacy browsers).