ImageEditor: starting the editor with only pencil command active

Question

Vessy · Accepted Answer

Hi Mauro,

You can execute the Pencil command of ImageEditor just after the imgae is loaded for editing by attaching a handler to the ImageEditor's OnClientImageLoad event with a similar logic:

<telerik:RadImageEditor ID="RadImageEditor1" runat="server" ImageUrl="~/Images/Chrysanthemum.jpg"

OnClientImageLoad="OnClientImageLoad">

telerik:RadImageEditor>


<script>
    function OnClientImageLoad(imageEditor, args) {
        imageEditor.executeCommand("Pencil");
    }
script>




Regarding the hiding of the dialog - if you are going to use only the Pencil command you can directly hide the dialog with the following CSS style:


.RadDock .rieDialogs
{
    display: none !important;
}





If you want to use more dialogs, though, you can attach a handler to the ImageEditor's ClientDialogLoaded event and manage the dialog visibility in it:


<telerik:RadImageEditor ID="RadImageEditor1" runat="server" ImageUrl="~/Images/Chrysanthemum.jpg" OnClientDialogLoaded="OnClientDialogLoaded">
telerik:RadImageEditor>

<script>
    function OnClientDialogLoaded(imageEditor, args) {
        var widgetName = args.get_widget().get_name();
        setTimeout(function () {
            if (widgetName == "Pencil") {
                $telerik.$(".rieDialogs")[0].style.display = "none";
            }
            else {
                $telerik.$(".rieDialogs")[0].style.display = "block";
            }
        }, 10);
    }
script>




Hope this information will be helpful for you.



Regards,

 Vessy 

Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

ImageEditor: starting the editor with only pencil command active

Lemcube Srl

Vessy

Lemcube Srl

Vessy

Brian Favell

Vessy