Opening a modal box with the invoke method

zohoprojects.invoke("modal.create",modal_location);

A widget ID and a string constant are generated as the output.

Closing a modal box with the invoke method

zohoprojects.invoke("modal.close",modalInfo.widgetID);

Resizing a modal box with the invoke method

Resizes the iframe instance of the extension to the specified size.

zohoprojects.invoke("modal.resize", resize_modal);

A widget ID and a string constant are generated as the output.

Closing an attachement picker with the invoke method

Closes an iframe instance of the extension that was opened in the specified location to attach a file.

zohoprojects.invoke("attachment_picker.close");

instance

Creates an instance for a specific widget.

zohoprojects.instance(widget_ID);

emit

Throws data from the current location.

zohoprojects.emit("KeyforMyListener", data);

on

Listens or receives data from the emit method.

zohoprojects.on("KeyforMyListener", data);

var modal_location={"url":"/apps/file.html"};
zohoprojects.invoke("modal.create",modal_location).then(function(modalInfo){
var modalInstance=zohoprojects.instance(modalInfo.widgetID);
modalInstance.on("modal.opened", function(){ /* This code listens for the status 'modal.opened' from the child HTML - file.html */
var data = {org: "1234"};
modalInstance.emit("submit", data);
});/* This code throws a status 'submit' along with an object to the child HTML - file.html*/
modalInstance.on("submitted",function(data){ 
/*This code listens for a status with the key 'submitted' from the child HTML*/
zohoprojects.invoke("modal.close", modalInfo.widgetID);
});

Assume the following sample code block is called from the child file '/apps/file.html' and '/apps/index.html' is the parent file.

var filedetails = {"filename": "abc"};
zohoprojects.on("submit", function (data) {});
/*This code listens for an event with the key "submit" from the parent file index.html  */
zohoprojects.emit("submitted", filedetails); 
/* This code throws a status 'submitted' along with an object to the parent file index.html */

Alert

Set and display success or failure alerts.

zohoprojects.invoke("alert", {
                            type: "success",  //or "failure"
                            data: "Permission granted successfully"
                        });

Complete Transition

Mark a task transition as complete

zohoprojects.invoke("completeTaskTransition"); 

Close Transition

Close the task transition pop-up

zohoprojects.invoke("closeTransition");