Soley Studio User Interface

This article gives an overview of the Soley Studio user interface (UI) and links to several articles explaining those features in detail. Most of this article also applies to Soley Desk, but some tools are not available in Desk. Soley Studio and Soley Desk allow for a custom arrangement of the areas and tools and, therefore, for a customization of the UI layout. In the following, we first describe the default layout before describing how to customize it. If you have already changed the default layout your screen can look different to the presented screenshots.

Screenshot of the default user interface of Soley Studio
The basic UI of Soley Studio

Top menu and toolbar

In the top menu, you can find all basic actions and features of Soley Studio. Most sections are self-explanatory. In the Tools section, you can find all available tools or pads. Furthermore, you can find a toolbar that offers multiple one-click options which are explained below.

Screenshot of the top menu and toolbar of Soley Studio
Top menu and toolbar of Soley Studio

Clicking on the “house” icon will bring you to the Start Page. The file options allow (from left to right) to create a new file, open files/projects and save files. The storage options allow to cut, copy, paste and delete marked content (code/elements). With the Undo and Redo arrows, you can undo and redo your last steps. The green arrow will build your solution, meaning compiling your code and checking for errors. This will also automatically save your solution. The Default layout dropdown allows you to select different appearances of the Soley Studio UI. The tab navigation enables jumping back and forth between open tabs. The Import button (arrow downwards) opens the Data Import Dialog. The Export button (arrow upwards) allows exporting your graphs to Excel/CSV. The Open Views section allows you to create new views for already opened graphs (*.slg files). Every button in this section will start the Open View dialog with a different preset selected.

Left-hand side area

By default, you will find two pads on the left-hand side of Soley Studio, both containing several tools as tabs. In the top left pad, you can see the

In the bottom left pad, you will find the

Bottom area

The bottom area of Soley Studio contains three tools by default:

  • Errors, where any compilation and runtime errors are shown.
  • Output, where all emitted statements are being shown (created with emit statements).
  • Search Results, where the results of any Search made with the code search function (Ctrl+shift+F or top menu Search)

Further, some users add the Bookmarks tool in this area, which allows you to set and navigate through bookmarks in your code. And, lastly, this area is also a good place to hold the Workflow Engine tool, which shows output messages and errors created by executing workflows (mainly if they succeeded or if and why they failed).

Right-hand side area

On the right-hand side of the Soley Studio UI you can see (by default) the

as tabs.

Central workspace or canvas

The central workspace displays all open files as tabs. These can be data graphs, rulesets, workflow files, view templates, and more. If a graph view is shown, the canvas does contain additional buttons in a toolbar, e.g. for applying layouts, hiding/unhiding selected elements and so forth.

Customizing the layout of Soley Studio or Soley Desk

In Soley Studio, you can easily customize the appearance of the user interface by changing the default layout. You can create more areas or delete areas, you can change in which pad a tool is placed, you can resize the areas and you can fold pads.

Default User Interface (UI) layout

Soley Studio comes with a default layout, i.e. the initial appearance of the user interface of the Soley Studio editor. The window is separated into five sections which can contain several tool pads as tabs. Figure 1 shows the default layout with the pre-defined size and arrangement of the sections. Click here to learn more about the functionalities of the pads in the default layout.

Welcome Page Demo Project
Figure 1: Default layout of the Soley Studio user interface

You can resize and rearrange the windows in order to create a customized user interface which meets your preferences. Check out the step by step guide in the following section to learn how to customize a default layout and save it for reuse.

How do I customize the UI layout?

  1. To resize the sections simply drag the borders (hover over the border until the arrow symbol appears and drag).
  2. To rearrange the pads and the sectioning, drag a tab on the title bar (this will move the complete section) or on the tab (this will move an individual pad). Once you drag a pad or section across the screen little positioning symbols will appear in the center or on the sides (see Figure 2). If you hover over the symbol a preview about the possible positioning of the dragged element will appear. You will see that you can also create new sections wherever you want.
  3. In the example shown in Figure 2, we want to position the right section containing i.e. the “Build and Run” pad next to the Solution Explorer on the left side. By dropping the pad to the spot in the cross symbol (see left picture in figure 2) the pad is integrated in the layout at the desired place.

    Arranging pads to create a customized layout
    Figure 2: Rearrange the pads to create a customized layout
  4. To save a layout select <Edit> in the layout dropdown list in the top navigation bar (see Figure 3). Subsequently, the “Edit layouts” dialog pops up.

    Edit user defined layouts
    Figure 3: Select <Edit> to save or update user-defined layouts
  5. Choose a new name and push the Add Layout button to save your new layout (see figure 4).
    EditLayoutEmpty
    Figure 4: Save your layout by adding a new layout in the “Edit layouts” dialog

    Now, the customized layout can be selected from the layout dropdown list in the top menu bar. To adjust a layout, you saved earlier, you can just apply it by selecting it in the top navigation bar and change it as as you like. Then, open the “Edit layouts” pad, select the name of the saved layout from the list and click on update to save your changes to the customized layout. Alternatively, you can save the changed layout under a new name.

Are you missing a tool or pad?

Just go to the top menu Tools and select the tool. It will pop up on the screen in the last position you left it. If you have never used the tool before it will show up in the default position.

Was this article helpful?

Related Articles