How to add hyperlink control?

[Rolf Winter]

How to add a hyperlink control to the dropdownlist of form, checkbox, textbox ....
and the dialog for the hyperlink properties.
Especially how to trigger the selection window of images for the imageurl property.

Background: I want to insert a hyperlink with an image to the text. Maybe someone
here has another solution.

[Rumen]

Hi Rolf,

Could you please explain your scenario with detailed step-by-step instructions?

If you would like to wrap the inserted image via the Image Manager in a link tag then you can use the OnClientPasteHtml event property of RadEditor to do this. The following live example will show you how to attach to and use this event: OnClientPasteHtml event.

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Rolf Winter]

Meanwhile i understand the notions of RADEditor. So i can specify my question:

How can I extend the list of the InsertFormElement tool with an imagebutton?

[Rumen]

Hello Rolf,

You can see how to create or modify the existing toolstrips of RadEditor in this live example: Custom ToolStrips. Here is an example how to add the Imagebutton item in the ToolStrip, e.g.

<telerik:radeditor runat="server" ID="RadEditor1">  
    <Tools>
        <telerik:EditorToolGroup>               
            <telerik:EditorToolStrip Name="InsertFormElement" PopupHeight="150px">
                <telerik:EditorTool Name="Imagebutton" />
                <telerik:EditorTool Name="InsertFormForm" />
                <telerik:EditorTool Name="InsertFormButton" />
                <telerik:EditorTool Name="InsertFormCheckbox" />
                <telerik:EditorTool Name="InsertFormHidden" />
                <telerik:EditorTool Name="InsertFormPassword" />
                <telerik:EditorTool Name="InsertFormRadio" />
                <telerik:EditorTool Name="InsertFormReset" />
                <telerik:EditorTool Name="InsertFormSelect" />
                <telerik:EditorTool Name="InsertFormSubmit" />
                <telerik:EditorTool Name="InsertFormTextarea" />
                <telerik:EditorTool Name="InsertFormText" />
            </telerik:EditorToolStrip>
        </telerik:EditorToolGroup>
    </Tools>
</telerik:radeditor>

After that you should implement you own ImageButton custom command using the instructions provided in the following live example: Custom Tools.

All the best,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.