Understanding User Interface Components

In this chapter, let us discuss user interface in UiPath and its components. We shall also see how these components work and their functionalities.

Components of UiPath User Interface

UiPath studio has graphical user interface (GUI) containing multiple panels that provides easy access to the functionalities. Let us understand the working of different components of UiPath studio interface in detail.

The Ribbon

The very first panel in UiPath studio is the Ribbon. It is at the top of UiPath studio's GUI interface. It can be minimized as well as expanded as per user's choice.

Tabs

The Ribbon panel has the following four tabs −

Start tab

With the help of the start tab, we can create a new project or open an existing project. It will save the project in default location C:\Users\Username\Documents\UiPath\Projectname. Following screen shot will give an insight of Start tab of ribbon panel.

Design Tab

As the name suggests, it gives us option for creating or launching sequences, flowcharts or state machine diagrams. We can manage variables and access wizards under this tab. The following screen shot will give an insight of the Design tab −

Execute Tab

With the help of this tab we can stop or run projects, we can start debug process also. It gives us the option to slow down the steps as well as log opening. The following screen shot will give an insight of the Execute tab −

Setup Tab

This tab gives us the option to publish a project or create a shortcut of project. We can also schedule a task and install extension with this tab. The following screen shot gives an insight of the Execute tab.

The Quick Access Toolbar

Another panel in UiPath studio interface is the quick access toolbar. It is located by default on the title bar and above the ribbon. One of the features of quick access toolbar is that we can easily move it below the ribbon by clicking the option Show Below the Ribbon. We can call it time saving toolbar because it provides the shortcuts for the most used commands and even we can easily add new ones to it by right-clicking a desired button and selecting the option named Add to Quick Access Toolbar. Following screen shot will give you insight of The Quick Access Toolbar −

You can notice in the above screen shot that we have added shortcuts of some button to Quick Access Toolbar.

The Universal Search Bar

Another important and useful panel in UiPath studio interface is the Universal Search Bar. It is located at the top in right side just below Minimize, Restore and Close buttons. It basically allows us to look for anything that is contained in libraries, activities, project and designer panel.

The following screen shot gives an insight of The Quick Access Toolbar.

You can observe that we did a search for “gaurav” and it gives the result that Project 1 result found because we put “Gaurav” as the name of the project.

The Designer Panel

If you want to display and make changes to your current project, The Designer Panel is the one that enables you to do so. Besides, it also provides a quick access to variables, arguments and imports at bottom.

We can also navigate within a diagram by double clicking the activity in The Designer Panel. It also displays the path in its header.

The following screen shot will give you an insight of The Quick Access Toolbar −