Set All properties to InsertImage Editor Tools

[Leo]

How to set <telerik:EditorTool Name="InsertImage" Text="Insert Image Dialog"></telerik:EditorTool> to show all properties by default ?

[Rumen]

Hi,

Check this article: https://www.telerik.com/support/kb/aspnet-ajax/editor/details/inserting-images-from-a-remote-server.

Regards,
Rumen
Progress Telerik

[Leo]

I send the attachment .

There is picture with Label A and Label B. I want when I click Insert Image button, just Show Like Picture B without click All Properties in Picture A.

How to do that ?

Thanks,

 

[Rumen]

Hello Leo,

You can programmatically click the All Properties button when the InsertImage dialog is open:

<script>
    function OnClientCommandExecuted(editor, args) {
        if(args.get_commandName() =="InsertImage") {
            $get(editor.get_id()+"_iplAllProperties").click();
        }
    }
</script>
<telerik:radeditor runat="server" ID="RadEditor1" OnClientCommandExecuted="OnClientCommandExecuted" Height="400px">
    <Tools>
        <telerik:EditorToolGroup>
                <telerik:EditorTool Name="InsertImage" Text="Insert Image Dialog"></telerik:EditorTool>
        </telerik:EditorToolGroup>
    </Tools>
</telerik:radeditor>

Regards,
Rumen
Progress Telerik

[Leo]

I have another problem when call InsertImage Tools. How to set height of the popup InsertImage, because in firefox need to scroll.

I attached picture.

[Marin Bratanov]

Hello,

Can you reproduce this behavior with this demo: https://demos.telerik.com/aspnet-ajax/editor/examples/built-in-dialogs/defaultcs.aspx? I am attaching screenshots of what I get, which is the expected behavior.

What I can suggest at this point is the following:

• compare your setup with the demo to see what is the difference. For example, try setting RenderMode="Lightweight".
• follow this article on troubleshooting such appearance issues: http://docs.telerik.com/devtools/aspnet-ajax/general-information/troubleshooting/skins-troubleshooting#incorrect-or-distorted-appearance.

To answer the concrete question on how to change the size - this is done with CSS: https://docs.telerik.com/devtools/aspnet-ajax/controls/editor/changes-and-backwards-compatibility/the-autosize-feature-of-the-built-in-dialogs-is-enabled#how-to-set-a-custom-size-for-a-built-in-dialog. With the simple InsertImage tool you can just add a simple CSS rule to the page since this dialog is not loaded in an iframe:

<style>
    .reInsertImageWrapper {
        width: 600px !important;
        height: 600px !important;
    }
</style>
<telerik:RadEditor runat="server" ID="re1">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="InsertImage" Text="Insert Image Dialog"></telerik:EditorTool>
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>

Regards,

Marin Bratanov
Progress Telerik