Please enable JavaScript to view this site.

Navigation: Reference

Designer UI Concepts

Prev Top Next More

 

The Web Designer has a user interface (UI) designed to make it fast and easy to create Web apps. One way in which this is done is to always have settings visible in relation to where you are in the hierarchy of settings.

gwv-designer-ui

G_01

Taskbar: The menu that offers the main categories of tasks. To return to the dashboard that appears when Web Designer initially starts, click icon-web.

G_02

Layout Tab: Displays the title of the layout and includes a menu of layout actions.

G_03

Add Layout: Add a new layout to this app.

G_04

Device Preview: Allows you to preview the app as it will approximately appear in various types of devices, including desktops, tablets, and phones. See Device Preview.

G_05

Application Name: The name given to this app when it was saved. A circle beside the name indicates unsaved changes.

G_06

Pop Out Preview: Pops out the app preview in a new window so that you can view it on a separate monitor.

G_07

Undo / Redo Buttons: Undoes or redoes changes to the app such as configuration or layout changes.

To undo the last change to the app, click . To redo the last undone change to the app, click .

G_08

Components Panel: Displays the components of the layout in a tree-like hierarchy. You can also toggle between components and services. Click a component or service to open its configuration panel.

G_09

Pinpoint Search: Opens Pinpoint Search, which allows you to search for components, services, settings, layers, fields and operations.

G_10

Language Menu: The language in which to configure titles and any other text settings.

G_11

Component Selector: Allows you to select a component to edit in the preview.

G_12

Panel Subtitle: The subtitle provides context about the settings of the panel. For example, when you view the settings of a layer, the subtitle changes to the name of the layer.

G_13

Configuration Options Menu: Displays the menu that allows you to import components from other apps or templates, or to export them, or revert a component's configuration to the default settings if applicable.

G_14

One-click Settings and Expand Arrow: Icons that you can click to instantly change the settings of this item, for example, Disable Identify  and Disable Search  for a particular layer. You can click the arrow  to expand another panel of settings to apply to that particular item.

G_15

Add/Remove Component Button: By default, opens the Toolbox panel, which contains components you can add to your layout.

If you drag an existing component into it, the button becomes the Remove Component button and the dragged component is removed.

G_16

Switch to Another VertiGIS Studio Product: Clicking this button will allow you to quickly switch to another VertiGIS Studio product. If the product is already open in a different browser tab, selecting the product will take you to that tab instead of opening a new tab. Only available in the SaaS version.

 

© 2024 VertiGIS North America Ltd. All Rights Reserved. | Privacy Center | Imprint
Documentation Version 5.29 (69408c5a)