3.3.4 Employees Panel

If you want to skip this step:

To skip this step and get the final GUI structure developed here, take the ready GUI structure available under the application named “CompanyOrganization – step 4”.

You also have to set the root Department in both Department tree view components.

You can see that application directly over its URL in your browser, or you can open the application by selecting it and pressing Open application.

1. As an individual exercise, configure the GUI for the Employees panel with two tabs shown below.



Hint: Use a tab component as a container of the tab panels.

2. Add some commands to the command panel for the Employees panel on your own, e.g., to delete the current Employee.

Hint: You have to take care to show another panel when you delete the Employee, e.g., the home Departments panel. Use the show input pin of that panel and bind it to the command button output pin.

Note: You still don’t have the functionality of double-clicking on an Employee to open the Employee panel for her. We will do this in the next step.