Inter-widget communication

1. This widget should know the receiving widget's identity.
2. When it knows that identity, it can send the desired data to the receiving widget.

1. This widget needs to be active to receive data from any sender.
2. It can then process the received data.

1. App.instance.getWidgets(): The getWidgets() method will return an array of all the widgets available in the extension, including the one from where this call is made.
2. siblingwidgetId: Every widget associated to the extension will have a unique ID. You can use the code widgets[0].widgetID to get the widget ID of the desired widget from the array of widgets available. The array index for the widget is defined based on the order in which the widgets are listed in the plugin-manifest file of the extension.
3. var siblingWidget = App.instance.getWidgetInstance(siblingwidgetId): This returns the whole instance of the selected widget.
4. siblingWidget.emit('event', data): This sends the data from the selected widget on the event occurrence.

Scenario

1. Fetch the details of the customer from Zoho CRM.
2. Showcase the required customer’s information in Zoho Desk.

Platform features

1. Background widget: This widget runs on its own in the background by default. In our use case, as soon as an agent opens a ticket, the customer's email ID needs to be fetched and the corresponding details are imported from Zoho CRM accordingly. In this case, we can use the background widget feature to fetch the data from Zoho CRM. This can be implemented using the background widget.
2. Tickets subtab widget: In our example use case, we need the customer’s details to be shown to the agent. Let’s choose the ticket's subtab location to display the same.
3. Inter-widget communication: Because there are two widgets being used, we can use the inter-widget communication feature for a seamless data flow between the two widgets.

Subtab widget

Background widget

Sample output

See Also