how to make tooltip as mandatory field in the Image Manager

[lan]

Hi Telerik team,

In our application, we want to force users to fill the tooltips in the Image manager and link manager. The link manager is pretty straightforward I just changed the code in the LinkManager.axcx ( see following )

_insertClickHandler:

function(e)

 

{

 

    var modifiedLink = this.getModifiedLink();

 

 

 

    if (modifiedLink.title != "") {

 

 

        var args = new Telerik.Web.UI.EditorCommandEventArgs("LinkManager", null, modifiedLink);

 

 

        //backwards compatibility

 

        args.realLink = modifiedLink;

 

        Telerik.Web.UI.Dialogs.CommonDialogScript.get_windowReference().close(args);

    }
    //added codes here
   

 else {

 

        alert(

'please fill the Tooltip field');

 

        $telerik.cancelRawEvent(e);

    }

},

But in the ImageManager.axcx, I cannot find the same method. I checked the code and I found the SetImageProperties.axcx have the same method but the method is not added to the insert button event handler.

Please help me out here.

Thanks

[lan]

Any solution?

[Dobromir]

Hi lan,

ImageManager is a complex dialog that contains several different components. The Insert and Cancel buttons are part of the FileBrowser dialog and their click handlers are registered in the FileManager class. In order to achieve the required result you need to override the handler for the specific dialog. For example, if you want to modify ImageManager dialog's Insert button click to pop-up an alert message if not Alt text is set you need to add the following code in the ImageManager.ascx:

Telerik.Web.UI.Widgets.FileManager.prototype._insertClickHandler = function (e)
{
    var selectedItem = this.get_selectedItem();
    if (selectedItem && selectedItem.get_type() == Telerik.Web.UI.FileExplorerItemType.File)
    {
        var result = this._filePreviewer.getResult();

        if (result.getAttribute("alt") && result.getAttribute("alt") != "")
        {
            var previewer = this.get_previewerType();
            var commandName = previewer ? previewer.replace("Previewer", "Manager") : "FileBrowser";
            var args = new Telerik.Web.UI.EditorCommandEventArgs(commandName, null, result);
            window.setTimeout(
            function ()
            {
                Telerik.Web.UI.Dialogs.CommonDialogScript.get_windowReference().close(args);
            }, 0);
        }
        else
        {
            alert("You must set Alt Text");
        }
    }
}

Please note that the FileManager's _insertClickHandler method is shared between all the Manager dialogs.

Kind regards,
Dobromir
the Telerik team

[lan]

It works! Thanks a lot!