Run web browser macros directly in the side panel

How to Use the Side Panel:

  1. Opening the Side Panel: Click the "Open in Side Panel" button in the IDE to open the side panel. If there are any unsaved changes in macros, they will be automatically saved.
  2. Returning to the Full IDE: To switch back to the full IDE view, click the "Open IDE" button found near the bottom of the side panel. This action will close the side panel and open the full IDE.
  3. Editing Macros in Side Panel Mode:
    • To edit macros while using the side panel, right-click on any macro and select "Edit (in IDE)". Unlike using the "Open IDE" button, the side panel will remain open.
    • To return to the side panel after editing:
      1. Save your changes and close the IDE manually, or
      2. Press the "Open in Side Panel" button. This will save any changes and close the IDE automatically, taking you back to the side panel.

The Firefox sidepanel has a technical peculiarity: it can only be opened by clicking the icon in the toolbar. Therefore, if you click the 'Open in Sidepanel' button, you will be prompted to also click the toolbar icon.

Open the RPA side panel
In addition to having its own window (IDE), Ui.Vision can run in the Google Chrome Side Panel, Microsoft Edge Sidebar and Firefox Sidebar.

How to make the Side Panel the default user interface

If you mostly replay (already existing) macros, we recommend that you make the side panel the default Ui.Vision user interface. To do so, check the "Side panel - make default" checkbox in the settings:

Make side panel default
If set as default, the side panel opens directly when you click the Ui.Vision browser toolbar icon. A second click on the toolbar icon hides the side panel again.

What is the difference between Side Panel and IDE?

  • (1) Macros work in the Side Panel just as in the IDE. So there is no difference for replaying.
  • (2) The side panel allows you to use macros more easily within your browser. It doesn't open a new window.
  • (3) To create macros, you need to use the full IDE. The abbreviation "IDE" stands for "Integrated Development Enviroment". The side panel does not have a record button and lacks debugging features (like setting breakpoints, viewing variables, and screenshots).
  • (4) To set the side panel as your default, change the settings in the "Replay" tab.
  • (5) Currently, you can't open the side panel from the command line. It needs a real user click due to the Google side panel API requirements.
  • (6) If the side panel is open, bookmarklet-triggered macros will play there. If it's closed, the IDE will open to play the macro.

Side panel settings. Note especially the LEFT side panel checkbox
Side panel settings. Note especially the LEFT side panel checkbox (see below for details)

Side Panel Position – Left vs Right

You can choose to place the side panel on the left or right side in the Chrome settings. It's up to your preference. Ui.Vision needs to know the side panel's position (left or right) for accurate XClick/XMove commands. Unfortunately, the Chrome/Edge extension API doesn't provide this information. So, if you use the side panel on the left, please mark the checkbox. This is important even when you use the IDE with another side panel on the left.

In Ui.Vision for Firefox the manual setting of the side panel position is not required and ignored.

How to switch between left and right side panel
How to switch between left and right side panel: Go to SETTINGS > APPEARANCE. This Chrome setting applies to all side panels.

Anything wrong or missing on this page? Suggestions?

...then please contact us.

Subscribe to the UI Vision RPA software newsletter . We'll send you updates on new releases that we're working on.