Tips & Tricks - Countertop

In this post, you'll find useful tips on workspace settings as well as shortcuts for scripting editors.

Drag the element onto the workspace

If you drag an item onto the workspace and, while doing so, hover your mouse over the "Zoom" or "Hidden Area" tab, the corresponding view will be brought to the foreground. This behavior can be disabled in the main menu under "Tools / Options / Applications. "

Here, disable the setting "Workspace / Zoom / Bring hidden area to the foreground when dragging and dropping." This will disable automatic tab switching.

Open Editor

You can open the JavaScript editor from the workspace by pressing F12, and maximize it by pressing F11. An element containing JavaScript does not necessarily have to be selected. If a VTL include element is selected, pressing the F12 key opens the Velocity Editor.

Selecting Elements Within a Group

You can select multiple items at once by holding down the mouse button. In a grouping, this can be problematic under certain circumstances—for example, if the groupings are too close together and you can't find a suitable starting point for dragging. The group can then be selected with a mouse click, and the group's direct child elements can be selected using the Ctrl + A keyboard shortcut. You can also select an element within the group and then select the sibling nodes of the selected element using the CTRL + A keyboard shortcut.

Zoom range

Above the workspace, you'll find the "Zoom" tab. If the "Grid" element is created on a page without a table layout, the individual containers in the grid can be edited in the zoom area.

Here, for example, is the input page that is included in every new application created using the "Basic Application" template. If you want to include additional elements in a grid row, simply open the zoom area by double-clicking on the grid row.

In the zoom area, you essentially have your "own" workspace for each grid line, where you can arrange the elements you want. To return to the workspace, simply click the "Workspace" tab right next to the "Zoom" tab.