September Highlights: Symbols, Layers and Global variables

In September, we launched ishim — a Domain Tool app to help finding name and available one-word domain name for your domain for your brand. The app is available at https://ish.im

We've constantly working to improve our product for a better experience. Below are some changes and improvements we've made in the past month for Inverr.

Easier to work with Symbols

Symbols were introduced last May, allow having multiple copies of the same element in different places. Recently, we make some improvement.

You can now insert a symbol in to another symbol, move them in the Layers panel. Besides, you can rename a symbol from the Symbol panel.

Improved Layers panel

Layers panel is where you can see the whole page structures. It also make it easier to manage the page structures (i.e move elements).

Now, you can can insert a new element into the Layers panel. By simply dragging the element from the Insert box, move and drop it to the ideal location within the Layers panel.

Besides, when you hover an element (or layer), there is a option button (3 vertical dots) for quick actions.

Working with Global variables

Global variables is similar to Data Placeholder variables. They are a list of strings that reference to an information. For example, page.name will return the current page name, or page.url will return the current URL address. These variables can be used in any text elements, with the name between curly bracket. Such as page.name will be used as {page.name}, or page.url as {page.url} and so on.

In the recent updates, we've added more variables and make it accessible in other places beside text elements.

For example, there are browser.platform where the results can be macOS, Windows, Linux or more. In case you want to display an element for a particle platform, you can do as following:

1. Choose the element. Then navigate to Connect panel (bolt icon at bottom right), and scroll down to the Condition section.
2. In Visiblity, select Visible
3. In Condition, set Comparing value as {browser.platform}. Set Condition as (==) equal, and the last field as macOS (to display element on MacOS)

We'll add a list of supported global variables in the coming days

That was the September update highlights. In short, we make it easier to work with Symbols, improve the Layers panel to allow inserting new elements. Besides, more global variables are available and accessible in other places (such as show/hide Condition)

Feel free to leave your feedback, and thanks for your support.