Status : Validated

The Explorer Perspective Panel

When the Explorer Perspective tab is selected, the Studio Explorer Perspective panel is displayed:

Explorer Perspective panel

This panel comprises:

One of these tool windows, the Project Tree (1), has the principal role:

  • It shows all the applications, pages and items declared in the current project,
  • It lets you declare new applications, pages and items,
  • It lets you edit application, page and item declarations.




Project tree

This tree contains all the applications, pages and items declared in the current project.

It lets you:

  • Select a declared element in order to see its captured and declared properties,
  • Declare new elements,
  • Rename existing elements (hit the F2 key),
  • Move pages and items,
  • Delete existing elements.

Each tree node has a shortcut menu with the main associated functions (see Command Reference).

Elements of the tree are colored in different ways:

  • In green if the element has been recognized,
  • In red if the element is not recognized,
  • In black if no recognition has been attempted on that element.

For a fuller explanation, see Recognition Guide




Depending on the element selected in the Project Tree, the Capture panel displays different views:


Application View

The Application View displays a mosaic with one thumbnail (1) for each page declared in the selected application:

Application View

If a page has several captures, only the first one is displayed.
To display another one, edit the capture properties in the Captures Selector (see Page View).

In this view, you can:

  • Change the selected page comments with the Page Comment Editor (3),
  • Change the zoom level with the zoom slider (4).


Page View

The Page View displays one page capture.

Page View

This view is composed of the following panels:

  • The Display selector (1),
  • The Capture selector (2),
  • The Captures toolbar (3),
  • The Display panel (4).

The Capture selector (2) allows to select the currently displayed capture.

The Capture toolbar (3) lets you perform the following actions on the captures:

  • Make a new capture : adds a new capture (or replace the current one),
  • Lock/Unlock capture : useful to lock the selected capture during recognition,
  • Delete capture : delete the current capture,
  • Edit capture properties:
    • Change the capture comment shown as tooltip on the capture tab in the Capture selector (1),
    • Select the capture(s) shown in the Application View.

The Display selector (1) lets you choose the way the selected Capture is displayed in the Display panel (4):


The Screen Display

This Display shows the screen capture of the selected capture.

Screen Display

It comprises the following panels:

  • A Resize panel (1),
  • An Action toolbar (2),
  • A Correction toolbar (3),
  • A Display panel (4).


Display Panel (4)

The Display Panel displays the page capture.

Any component can be selected simply by clicking on it.
The selected component is surrounded by a blue rectangle.

Right-clicking a component displays a contextual menu that lets you:

A component can be surrounded by:

  • A blue rectangle when selected,
  • A green or a red rectangle. This colored rectangle is set by Studio Recognition.
    For a complete description of Studio Recognition, see Recognition Guide


Resize Panel
Resize Panel

The resize panel lets you change the zoom level of the screen capture:

  • using the Slider (1) of the resize panel (or with the mouse wheel with the Ctrl key pressed),
  • using the Zoom to fit (2) button to fill the display panel with the screen capture,
  • using the Reset View (3) button to restore the native size of the screen capture.

The screen capture can be scrolled using:

  • The Scroll button (4) at the top of the resize panel,
  • The scrollbars,
  • The mouse wheel.

The resize panel can be hidden/shown using the Hide button (5).


Correction toolbar

Correction Toolbar

When the captured page is displayed, you can click on each item of the page, which is then surrounded by a green rectangle.
If the rectangle position is incorrect, due to a general offset or ratio error in the screen capture, we can adjust it with the Offset and Ratio values.

To do this, uncheck then check the desired value, then enter the corrected value or use the spin button.


Action toolbar

Action Toolbar

The Action toolbar lets you:

  • Copy the whole screen capture to the clipboard,
  • Display an Image Selector.


Image Selector

Image Selector

The Image Selector (1) lets you:

  • Crop the screen capture,
  • Copy a part of the screen capture to the clipboard,
  • Create items from a rectangle or from an image.

In order to do this:

  • Show the Image Selector by checking the Hide/Show Image selector (2) button,
  • Move and size the Image Selector rectangle (drag&drop over the rectangle or on the sides of the rectangle),
  • Right-click the Image Selector to display the context menu.
    The following menu items are displayed:
    • Copy image selection,
    • Create new item from image selection,
    • Crop image to selection.

Note that for the Crop image to selection command, the captured image is not cropped to the Image Selector rectangle.
It is cropped from (left,top) image corner to (right,bottom) Image Selector corner.


The Tree Display

The Tree Display shows the ‘DOM’ tree (internal structure) of the capture.

Tree Display

It comprises the following panels:

  • An Action toolbar (1),
  • The Display panel itself (2).

The Action toolbar (1) lets you:

  • Show the full tree or only the rooted tree (for SubPage captures),
  • Show/Hide the recognized items and subpages.

The 'rooted tree' is the ‘DOM’ subtree under the 'root component' (see Page Tree).
You cannot associate an 'out of the rooted tree' component with an item of the page.

The Display panel shows the 'DOM' tree. Each component can be displayed in one of the following ways:

A normal Component
An 'out of the rooted tree' Component
Displays visibles only if the Show/Hide the recognized Items and SubPages button is checked
A recognized item
A pointed, non-recognized item
A badly recognized item
a recognized page
A pointed, non-recognized page
A badly recognized page

As in the Screen Display, right-clicking a component displays a contextual menu that lets you:

The Tree Display can be useful to:

  • access invisible components, such as menu items,
  • Display the recognized subpages,
  • Have a technical view of the capture.

This view is synchronized with the Screen Display: if you select a component in one display, it is also selected in the other display.


The Source Display

The Source Display shows the source of the capture, where available (i.e.: the HTML source).

The Source Display

It comprises the following panels:

  • An Action toolbar (1),
  • The display panel itself (2).

The Action toolbar (1) lets you:

  • Search text in the source using the ‘Find’ button,
  • Manage the Wordwrap option.

The Source Display can help to view page elements not shown in the DOM, like JavaScript code for Web pages.

This display is not synchronized with the other displays.




The Explorer Perspective contains the following Tool Windows:


Layout Management

Tool windows can be docked anywhere in the Explorer Prespective, using their titlebar by drag&drop.
Some of them can be closed using the cross button on the titlebar.

All available tool windows are listed in the 'View\Tool Windows' main menu.
A tool window can be showed/hidden by checking/unchecking it.

A layout can be saved via the View\Layout\Save menu item in the MainWindow Menu Bar.
This layout will then be restored the next time Studio is started.

To restore this layout without restarting Studio, use the View\Layout\Restore menu item in the MainWindow Menu Bar


Parameters Tool Window

This window lets you view or edit item, application or page parameters. Parameters tool window

It comprises the following panels:

  • A Parameters panel (1)
  • A Help panel (2)

A description of each individual parameter is shown in the Help panel (2).

Usage of this tool window can be found in Application, Page or Item declarations.


Track Events tool window

Track Events tool window

This window allows checking/unchecking Item, Application or Page Track Events.

It is composed of the following Panels:

  • A Track Events panel (1)
  • A Help panel (2)

The description of each individual event is available in the Help panel (2).

Usage of this tool window can be found in Page or Item declaration.


SubTree Tool Window

SubTree Tool Window

This tool window shows a part of the Tree View, relative to the selected item in the current view. It contains up to three parent levels of this item, including all children.
Note that the depth of the sub tree can be changed (between 3 and 10) using the slider on the left.

This sub tree can be useful with some technologies (i.e. Web), where the component pointed in the screen view in not always the best one to capture.

It is used just like the Tree Display, except that it displays only part of atree.

This tool window is linked to the other tool windows and views: selecting a component in this tool window selects the same component in the other tool windows/views, and vice-versa.


Text Tool Window

Text Tool Window

This tool window shows all the components that have a non-empty “text” property.

The “text” property depends on the technology:

  • For Windows, it is the Text of the component,
  • For Web, it is the InnerText of the component (only for the ‘leaf’ elements, without children)

This tool window can be useful for detecting invisible components, such as menu items.

As in the Tree Display, right-clicking a component displays a context menu that lets you:

This tool window is linked to the other tool windows and views: selecting a component in this tool window selects the same component in the other tool windows/views, and vice-versa.


Name Tool Window

Name tool window

This tool window shows all the components that have a non-empty “Name” property.

The “Name” property depends on the technology:

  • For Windows, it is the id of the component
  • For Web, it is the name or the id of the component.

This tool window can be useful to detect invisible components, such as menu items.

As in the Tree Display, right-clicking a component displays a context menu that lets you:

This tool window is linked to the other tool windows and views: selecting a component in this tool window selects the same component in the other tool windows/views, and vice-versa.


Criteria Tool Window

Criteria Tool Window

This tool window allows viewing/editing item (or application and page) criteria.

It comprises the following panels:

  • A Criteria tree (1),
  • An Editing panel (2).

A complete description of this tool window can be found in Criteria Management.


Captured Data Tool Window

Captured Data Tool Window

This tool window lets you view the captured properties:

  • Of the application or page selected in the Project tree,
  • Of the component associated with the item selected in the Project tree,
  • Of the component selected in the Capture View.

If you right-click a Property, you display a context menu that lets you:

  • Copy the property value in the clipboard,
  • Add a criterion on the property.

When adding a criterion on a property of an component that is not associated with any item, a new item is automatically created.

A complete description of this tool window can be found in Criteria Management.


Recognition Tool Window

Captured Data Tool Window Captured Data Tool Window

This tool window shows the pointed component of the selected item, and the corresponding recognized components, if any. It lets you investigate recognition problems.

A complete description of this tool window can be found in Recognition Guide.