<a id="navigating-the-interface"></a>

# Navigating the Interface

<a id="the-main-interface"></a>

## The Main Interface

![](assets/images/easy_studio2_common/navigating_interface_1.webp)
* The project buttons: `Clear`, `Load` and `Save`.
* The `Undo` and `Redo` buttons.
* The additional pane buttons: `Tool Setup`, `Code Generator` and `Logs` (see below).

* The `Tool Catalog`.
* The `Sample Catalog`.
* The `About` box.
* Open a pane and click on the ![](assets/images/easy_studio2_common/_icon_pin.webp) in the top right corner to lock / unlock it.

![](assets/images/easy_studio2_common/navigating_interface_2.webp)
* The main view of your current application.

* A setting pane.
* A result pane.
* A view of the tool result or output.

* Such as the `Code Generator`, `Logs` and image panes of the tools
* Click on the ![](assets/images/easy_studio2_common/_icon_detach.webp) in the top right corner to detach it.

![](assets/images/easy_studio2_common/navigating_interface_3.webp)
* Drag it on one of the docking places, to dock it again.

![](assets/images/easy_studio2_common/navigating_interface_4.webp)

#### SEE ALSO
For details about the image panes, see [**Displaying Images**](../displaying_images.html.md).

#### HINT
You can organize your interface by moving and/or locking several panes:

<a id="the-tool-catalog"></a>

## The Tool Catalog

Navigate the `Tool Catalog` to select your tools, add them to the work space and create graphs.

![](assets/images/easy_studio2_common/tool_catalog_1.webp)
* Will open the `Tool Catalog` view.
* You can now Navigate the catalog.

* Will apply the selected filter to the tool list.
* You can also select `All tools` for a complete list of all the available tools.

* Will apply the filtering in real time while typing.

* Will display a short description.
  :columns: 12

* Will add it to the ‘work space’.

#### HINT
Open the `All tools` category for a complete search as the search is only performed in the selected category (that is only among the currently displayed tools).

<a id="the-work-space"></a>

## The Work Space

#### WARNING
The tools are automatically and dynamically arranged on the work space, you cannot move them around manually.

<a id="the-main-space"></a>

### The Main Space

![](assets/images/easy_studio2_common/navigating_interface_6.webp)
* Made of linked tools.
* Arranged and displayed in the upper part of the work space.

* Arranged on a line in the lower part of the work space.

<a id="the-zoom"></a>

### The Zoom

To control the zoom of the graph display, use the buttons in the top right corner of the work space:

* ![](assets/images/easy_studio2_common/_icon_zoom_in.webp) : zoom in (up to the 1:1 size).
* ![](assets/images/easy_studio2_common/_icon_zoom_out.webp) : zoom out.
* ![](assets/images/easy_studio2_common/_icon_zoom_all.webp) : resize to display the whole graph (up to the 1:1 size).
* ![](assets/images/easy_studio2_common/_icon_zoom_width.webp) : resize to use the whole work space width (up to the 1:1 size).
* ![](assets/images/easy_studio2_common/_icon_zoom_1-1.webp) : zoom the 1:1 size.

<a id="the-tools"></a>

## The Tools

![](assets/images/easy_studio2_common/navigating_interface_5.webp)
* Green: the tool is operational.
* Orange: the tool cannot be processed (most often because it is missing an input).
* Red: the tool is in error and the propagation is stopped at this tool and cannot go further.

* Click on it to edit and change it.
* Blue: this is the “selected” tool whose `Setup View` is currently open and displayed.

* Click on an input port of a tool and an output port of another tool to connect them.
* An output port can be connected to multiple tools.

* Green: the link has a type (defined either manually or automatically according to the connected ports and tools).
* Orange: the link has no type (yet).

* Will open and display its `Setup View`.

* Will open the image in an additional view pane.
* This additional view pane stays open even when you select another tool.

* This duration is automatically updated with each processing.

* This duration is automatically updated with each processing

* To open an image.
* To loop through a series of images.

#### SEE ALSO
For more details, see Step 2: Opening Images.

* Will remove it from the `work space`.

<a id="the-sample-catalog"></a>

## The Sample Catalog

Navigate the `Sample Catalog` to open, test and edit ready-to-use sample graphs.

![](assets/images/easy_studio2_common/sample_catalog_1.webp)
* Will open the `Sample Catalog` view.
* You can now Navigate the catalog.

* Will apply the filtering in real time while typing.

* Will display a short description.
  :columns: 12

* Will add it to the ‘work space’.
