Widget Locations

List of widget locations in Zoho Projects

Location

An extension's widget can be rendered in multiple locations inside the product.  This key (location) defines where the widgets should be rendered. Zoho Projects provides a list of widget locations. The key for the location should be specified in the plugin manifest file.

Task details tab

This location refers to the last tab in the bottom panel of a task's details page. One can reach this location in the product by clicking a task and scrolling down to its bottom panel. By scrolling to the right of the bottom panel, the extension's name will show up as the last tab in the panel. If there are multiple extensions, an ellipsis icon will be shown [...]. By clicking the ellipsis, all the extensions will be listed.

Key to be used in the plugin manifest file: task_tab

Issue details tab

Similar to the task details tab discussed above, this location refers to the last tab in the bottom panel of an issue's details page. One can reach this location by clicking an issue and scrolling down to its bottom panel. By scrolling to the right of the bottom panel, the extension's name will show up as the last tab in the panel. If there are multiple extensions, an ellipsis icon [...] will be shown as the last tab. By clicking the ellipsis, all the extensions will be listed.

Key to be used in the plugin manifest file: issue_tab

Extension settings

This location refers to the last tab in the extension's settings page. It can be navigated via Settings -> Integration -> Extensions -> Installed. The user can navigate to the extension they want and the widget will be loaded as the last tab alongside the 'General' settings in this page.

Key to be used in the plugin manifest file: app_settings

Top navigation bar

The top band of the portal is called the top navigation bar. You can build an extension that renders here. Entity property is not applicable in its context, however, the data can be stored against the extension. Your extension will be listed when the user clicks this icon from the top navigation bar.

If there isn't any extension that has been built for this location, then this icon will disappear.

Key to be used in the plugin manifest file: top_band

Projects tab

Your extension will load as the last tab in the left-hand panel inside a project. Refer to the screenshot below. 

The user will not be able to access the extension from this location only when there is another extension that's being tested in the developer mode. The user will encounter an error message while trying to do so. Disable the developer mode to access this extension. The icon attribute has to be added mandatorily in the plugin_manifest.json file for this location. We support 40 icons for this location. Please refer to the following table below to learn more about the icon-class mapping:

 

Key to be used in the plugin manifest file: project_tab

icon1 is the default key if the field is left empty.

Attachment picker

Associate files from different extensions, for example from Work drive, to your task, issues, forums, status, feeds etc. using attachment picker. The icon attribute and path has to be added mandatorily in the plugin_manifest.json file for this location. 

{

"location": "attachment_picker",

"name": "Google Drive",

"url": "/app/attachment.html",

"icon" : "/app/img/gdrive.png"

}

 

Key to be used in the plugin manifest file: attachment_picker

Task details right panel

This location refers to the right-hand panel in a task's details page. The user has to navigate to a task and get into its details page to access this location.

Key to be used in the plugin manifest file: taskdetails_rightpanel

Issue details right panel

This location refers to the right-hand panel in an issue's details page. The user has to navigate to an issue and get into its details page to access this location.

Key to be used in the plugin manifest file: issuedetails_rightpanel

Blueprint (During transition)

This location refers to the blueprint transitions. This can be accessed from > Task Automation > Blueprint. Users can click on a blueprint and click on the relevant transition to access the During configuration. Users can associate extensions or Fields & Messages when configuring the During actions. These extensions can then be triggered during task transition.

Key to be used in the plugin manifest file: blueprint_during

Task transition (task details page)

This location refers to the task details page. Users can access the extension associated in the During action of a blueprint by clicking the transition button.

Key to be used in the plugin manifest file: task_transition
 

Share this post : FacebookTwitter

Still can't find what you're looking for?

Write to us: support@zohoprojects.com