I'm experiencing an issue with custom button icons not displaying in the RadEditor ribbon bar. I've added a custom button that functions correctly, but the icon specified in the ImageUrl property does not appear on the UI.

Issue Details:

I've added the following custom tool to the RadEditor toolbar:

xml
<tool name="File" size="large" text="File Add" ImageUrl="~/Assets/images/add.png"/>

The button appears in the ribbon bar and the functionality works as expected, but the icon is not visible.

Troubleshooting Steps Already Taken:

1. Verified the image exists at the specified path
2. Tried both relative (~/) and absolute paths
3. Checked for case sensitivity in the ImageUrl attribute (tried both ImageUrl and imageUrl)
4. Specified width and height attributes for the image

Questions:

1. Is there any specific requirement or setting I'm missing for custom icons in the ribbon bar?
2. Could there be an issue with how custom icons are rendered in the ribbon bar versus standard toolbar?
3. Are there any size limitations or format requirements for custom icons in the ribbon?
4. Is there a different approach recommended for adding custom icons to ribbon bar buttons?

Hi,

I have checked the paste functionalities in your demo webforms editor page: https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

However, I don't see there's a Paste from PDF functionality. It would be great if you can treat this as a feature request for your webforms editor.

Hi,

I am facing a new issue that seems to be connected to my previous ticket (Bug Report ID:1676729 - Unexpected New Line Insertion When Pressing Enter After Making Text Bold in Telerik Rad Editor), regarding overriding the setCursor method in the InsertParagraphCommand.

After applying the suggested workaround to override the setCursor method, I've encountered a new issue: when typing text in the RadEditor and pressing Enter, the cursor does not immediately move to the next line. It requires pressing Enter twice for the cursor to move.

Could you please assist in resolving this issue.

Thank you for your continued support.

I used the Telerik Theme Builder to create several themes based on Bootstrap.  They work great with all the controls I've tested so far except for the Editor.

In the Editor, the Color Pickers for text work, but when you go into the table wizard, the Color Picker as well as Alignment, Back Color, and CSS Class have transparent backgrounds, so I'm missing some styles.

The Editor has: 

EnableEmbeddedSkins="false"
ExternalDialogsPath="~/EditorDialogs"  
RenderMode="auto"
ContentAreaMode="Iframe" 
DialogHandlerUrl="~/Telerik.Web.UI.DialogHandler.axd">

Code Behind calls a function to get the correct theme: 

Dim DialogPath As String = SetEditorDialogCss.DialogSkinCSS
radeditorpagetext.DialogsCssFile = DialogPath.ToString
radeditorpagetext.TableLayoutCssFile = DialogPath.ToString

Return "/site/theme1.css"

theme1.css contains: 

@import url("/App_Skins/Bootstrap/theme/Button.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/Card.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/ColorPicker.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/ComboBox.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/DataForm.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/Dock.Bootstrap.css");
@import url('/App_Skins/Bootstrap/theme/DropdownGrid.MDparty1.css');
@import url('/App_Skins/Bootstrap/theme/DropDownList.MDparty1.css');
@import url('/App_Skins/Bootstrap/theme/DropDownTree.MDparty1.css');
@import url("/App_Skins/Bootstrap/theme/Editor.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/FormDecorator.Bootstrap.css");  
@import url("/App_Skins/Bootstrap/theme/Grid.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/Input.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/Label.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/ListBox.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/Menu.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/MultiSelect.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/PanelBar.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/Ribbonbar.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/Rotator.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/Slider.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/Splitter.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/TabStrip.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/ToolBar.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/TreeList.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/TreeView.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/Upload.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/Window.Bootstrap.css");
@import url("/App_Skins/Bootstrap/theme/Wizard.Bootstrap.css");

What am I missing?  I made several themes and the problem happens with all of them. 

One note about the ThemeBuilder.  The Bootstrap zip file download has 10 copies of Button.Mytheme.css that seem to be identical.

Hi Telerik Support,

I am encountering an issue when using the copy & paste feature of the RadEditor, in conjunction with ordered and unordered lists.

The issue occurs when pasting content from a Word document, I am using the clean paste feature (removing all formatting from the Word content) and works great, however, when an ordered or unordered list is then added to any line of the pasted content, it appears at the very beginning of the pasted content. The demo does work as expected but I am worried that some of my other code is impacting the default behavior.

I am using a heavily customized RadEditor embedded in a ASP.Net ASPX form, which I have attached (I do utilize custom dialogs also).

If I am missing any information that is required, please let me know and I will provide.

Thank you!

Hello!  This is my first time using a RadEditor.  I've figured out a lot of the settings. 

However, I am still having problems with the HTML edit mode.  The content is surrounded by a too narrow border/container.  When entering large amounts of text, it wraps and is hard to read.  Is there any way to remove this border/container, or make it wider, so that the whole width of the RadEditor is available for HTML content?

Thanks!

Hi everyone,

Hi everyone, I'm using Telerik UI, and when I'm on a mobile view with the content editor, and then I select the image gallery, it doesn't seem to be responsive, or its just too wide for the phone screen.  Is there some way to force that image manager to be the correct size? Or is that even possible?  

When you switch between the Design tab and the HTML tab in the RadEditor, it does not remember your position in the text/content.

It seems like this is a bug, but I am wondering if there is any way to tell the RadEditor to remember the position when switching between those two tabs.

If you have a large amount of content with many HTML tags it becomes quite difficult to find the exact position you were in on the other tab.