Set All properties to InsertImage Editor Tools

6 posts, 1 answers
  1. Leo
    Leo avatar
    15 posts
    Member since:
    Apr 2011

    Posted 24 Nov 2017 Link to this post

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

  2. Rumen
    Admin
    Rumen avatar
    13664 posts

    Posted 24 Nov 2017 Link to this post

    Hi,

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

    Regards,
    Rumen
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Leo
    Leo avatar
    15 posts
    Member since:
    Apr 2011

    Posted 26 Nov 2017 Link to this post

    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,

     

  4. Answer
    Rumen
    Admin
    Rumen avatar
    13664 posts

    Posted 27 Nov 2017 Link to this post

    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
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Leo
    Leo avatar
    15 posts
    Member since:
    Apr 2011

    Posted 27 Dec 2017 in reply to Rumen Link to this post

    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.

  6. Marin Bratanov
    Admin
    Marin Bratanov avatar
    4367 posts

    Posted 01 Jan Link to this post

    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:

    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
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top