The platform supports the addition of various UI elements, including buttons (generic, link, and dropdown) and panels (generic, sidebar, and tab). These elements can be incorporated into specific sections of the user interface in the Customers, Inbox, Orders, Projects, Reports, and Vendors areas.
| Section | View | Location key | Supported element types | Default on-render selector keys | Notes |
|---|---|---|---|---|---|
| Customers | Customers list |
customers-list-tabpanel
|
tab | ||
| Inbox | Tasks list |
tasks-list-tabpanel
|
tab | ||
| New tasks list |
new-tasks-list-sidebar
|
sidebarBox | inboxActiveTab, selectedNewTasks | ||
new-tasks-list-toolbar
|
button | inboxActiveTab, newTaskPreview | |||
| Active tasks list |
active-tasks-list-toolbar
|
button | inboxActiveTab, selectedActiveTasks | ||
active-tasks-list-sidebar
|
sidebarBox | inboxActiveTab, activeTaskPreview | |||
| Completed tasks list |
completed-tasks-list-toolbar
|
button | inboxActiveTab, selectedCompletedTasks | ||
completed-tasks-list-sidebar
|
sidebarBox | inboxActiveTab, completedTaskPreview | |||
| Task |
task-toolbar
|
button | taskActiveTab, task | ||
task-tabpanel
|
tab | taskActiveTab, task | |||
task-sidebar
|
sidebarBox | taskActiveTab, task | |||
task-details-toolbar
|
button | taskActiveTab, task | |||
task-details-main
|
panel | taskActiveTab, task | |||
task-files-toolbar
|
button | taskActiveTab, task | |||
| Orders | Orders list |
orders-list-tabpanel
|
tab | ||
| Projects | Projects list |
projects-list-tabpanel
|
tab | ||
projects-list-toolbar
|
button | selectedProjects | |||
project-details-dashboard-sidebar *
|
sidebarBox | projectDetailsActiveTab, projectDetails | element visible in two views | ||
| Project |
project-details-toolbar
|
button | projectDetailsActiveTab, projectDetails | ||
project-details-tabpanel
|
tab | projectDetailsActiveTab, projectDetails | |||
project-details-dashboard-toolbar
|
button | projectDetailsActiveTab, projectDetails | |||
project-details-dashboard-main
|
panel | projectDetailsActiveTab, projectDetails | |||
|
project-details-dashboard-sidebar *
|
sidebarBox | projectDetailsActiveTab, projectDetails | element visible in two views | ||
project-details-stages-toolbar
|
button | projectDetailsActiveTab, projectDetails, projectStages | |||
project-details-files-toolbar
|
button | projectDetailsActiveTab, projectDetails, projectFiles | |||
project-details-task-history-toolbar
|
button | projectDetailsActiveTab, projectDetails, projectTaskHistory | |||
project-details-task-history-sidebar
|
sidebarBox | projectDetailsActiveTab, projectDetails, projectTaskHistory | |||
| Reports | Reports list |
reports-list-tabpanel
|
tab | ||
| Vendors | Vendors list |
vendors-list-tabpanel
|
tab |
* The sidebarBox element targeting the project-details-dashboard-sidebar location key is also displayed in the Projects list view when a project in the list is selected.