Question

I have a embedded component in Tridion which has Image field(named leadImage). Using a customized popup i want to link a Image in this Image field(leadImage). Is it possible? This has to be done with clicking on “Save” event of the component and hence mainly jquery/javascript.

The image to be linked is already in the CMS system. It will be created by default by doing some other action in customized popup. I will have the tcmid/image name etc for the Image.

Not able to find much documentation on Anguilla Api to help me achieve this.

Answer 1

Yes it’s possible to override the ‘insert component’ button in the SDL Tridion GUI using the Anguilla framework.

There are tonnes of posts out there about the anquilla framework… i’d recommend this one http://albertromkes.com/2012/01/30/tridion-gui-extensions-how-to-load-a-javascript-without-showing-a-gui-element/ to show you how to inject your own javascript into a specific ‘view’

To override the insert component button you simply remove the event handler:

// remove the default insert behavior which is to open up the item select dialog
$log.message("Removing handlers for the insert event");
$evt.removeAllEventHandlers(fieldBuilder, "insert");

Then you can put your own functionality on there by adding your own event handler:

// add our own insert behavior
$log.message("Adding a custom handler for the insert event");
$evt.addEventHandler(fieldBuilder, "insert", function(event) {
  // whatever it is you wish to do :)
}

Hope this helps!