Part 5: Incorporating Toolbars and Dialogs

The employee list and the filtering buttons are now in place for the workforce management tab. We will focus in this tutorial how to create a toolbar which lets the user select an employee from the list and perform operations on the selected employee, such as editing information, transfering to a different department, or adding an employee to the list.

With a basic understanding of context and widget interoperability from the previous tutorial, this session will expand upon that to add in the capability of creating an esToolbar widget that displays and hides buttons based on the selection of a row within the grid. This tutorial will also introduce local (module level) scope as well as global (application leve) scope for objects created.

The toolbar will be configured to display additional modules in a dialog box format that the user can cancel from or save changes made back to the TM1 datasource. The actual content for these dialog boxes will be addressed in subsequent sections of this tutorial.


  • Taking action when selecting a row within a grid
  • Creating toolbars and handling the click events
  • Displaying a module within a dialog box
  • Showing and hiding widgets through code

Live Application

Part 5 - Incorporating Toolbars and Dialogs

Video Walk-through



For more information on how Enterprise Services can help you distribute TM1 throughout your organization, contact us.