You are here: Configuring Your Computer > Quick Launch Bar
Project Explorer Left Navigation Bar Console Account Information Data Panel Visualizer Canvas Visualizer Canvas Library Explorer Properties Panel Quick Launch bar App Canvas App Canvas Properties pane Account Information Library Explorer Project Explorer Console

The Quantum Visualizer Default Perspective

Quantum Visualizer's default perspective is optimized to help you create your app. This is what it looks like, its panes labeled for the sake of illustration. Click a number to locate its description in the sections that follow.

 

Left Navigation Bar

Corresponding to item number 1 in the diagram, the left navigation bar gives you access to a number of frequently-used features.

Kony on web. Launches a browser window that opens the product page for Quantum Visualizer.
Visualizer. This icon is selected by default. It enables you to switch to Visualizer from the Fabric environment.
Project Settings. Launches the Project Settings window.

Run. Builds and runs the project.

Quantum Automator. Launches the Dashboard for the Test Automation framework.

Quantum Fabric. Launches the Quantum Fabric console and opens the fabric application that is linked to the Visualizer project.
Temenos Forge . Launches the Temenos Forge window
Documentation. Launches a web browser window that opens to the documentation for Quantum Visualizer.
Hikes. Launches the hike catalog.
Quantum IQ. Launches the Quantum IQ chat window that can answer your queries and give suitable suggestions from Temenos Forge , Base Camp, and Documention.

Project Explorer

Corresponding to item number 2 in the diagram, this pane lists the currently open application, as well as the elements that comprise it, including forms, pop-ups, templates, script modules, web modules, media resources, online services, and offline services. This is the pane you use to open forms and scripts for editing.

If the Project Explorer is too narrow, cutting off the names of various project elements and assets, you can widen it by hovering over its right edge until the cursor becomes a double-headed arrow, and then drag the Project Explorer wider.

The Project Explorer is organized into the following tabs:

Right-clicking a file in this pane displays a set of Quantum commands available for that particular file type. Double-clicking a file opens it using either the default Quantum functionality (as in the case of a form), or the default Windows program assigned to that file type (such as a graphics program for an image file).

Return to the diagram

Visualizer Canvas

Corresponding to item numbers 3 and 4, the Visualizer Canvas can be divided into two side-by-side panes, as illustrated in the diagram. To split the Visualizer Canvas, on the Window menu, point to Arrange, and then click Side by Side. In the diagram, the side-by-side panes display a form for a mobile phone in the left pane, and the Code Editor in the right. But you can open any number of assets in these panes, such as another form so that you are displaying two forms side by side, or another editor, such as the Action Editor, where you can construct and assign actions to the widgets on your forms. Or, if you want, you can switch to single pane mode so that one pane uses the entire Visualizer Canvas.

The BVR button (beyond visual range) gives you the flexibility of positioning and viewing widgets beyond the visual limitations of the device’s screen so that they’re present, but currently not visible to the user. This is especially helpful for animations where, for example, you want a screen element to come swooping in from the side onto the screen as the result of the user doing something, such as pressing a button . You can place any widget you want beyond the visible range and then have it change its position when it’s needed.

The platform-selection dropdown has a list of platforms and channels, and the device-selection dropdown has a list of devices based on the selected platform. You can select a platform, channel, and a mobile device from the dropdowns to view the form in the selected device.

At any given time, the properties of only the element that currently has focus are displayed. On the Visualizer Canvas, the name of the element with focus is highlighted. If the element with focus is either an action or a code editor, even though the Properties pane of the last-used widget appears, those properties at the moment are read-only.

Note: To pan in BVR mode, you can press the space bar and drag.

Return to the diagram

Properties Panel

Corresponding to item number 5 in the diagram, this pane displays the properties for a number of aspect of your application, divided into five tabs:

Return to the diagram

Data & Services Panel

Corresponding to item number 6 in the diagram, the Data & Services panel enables you to link back-end data services to your application's user interface elements seamlessly with low-code to no-code.

Using the sample services in the Data & Services panel, you can bind back-end services to your apps and test the user interface. If you are an advanced user of Visualizer and have previously created back-end services in your Quantum Fabric instance, you can view those services in the Data panel. Further, you can create new back-end services from the Data panel and associate the services with your apps.

The Data & Services panel contains two lists:

You can also perform various other actions from the hamburger menu icon of the Data & Services panel:

Return to the diagram

Account Information

Corresponding to item number 8 in the diagram, the Account Information area displays a and connected devices icon, Notes button, download icon, your Quantum Cloud account, your Quantum account user name.

Return to the diagram

Library Explorer

Corresponding to item number 7 in the diagram, the Library Explorer consists of three panes: Default Library, My Libraries, and Search bar.

Note: From Quantum Visualizer V8 SP4 Fixpack 28 onwards, the Default Library filter has been enhanced to segregate components according to their respective channels. As a result, mobile-only components are displayed in the Default Library when a Mobile form or a Tablet form is open at that time on the Project Canvas. Similarly, web-only components are displayed in the Default Library when a Web form is open on the Project Canvas. However, when there is no form open on the Project Canvas, all the available components are displayed in the Default Library.

Return to the diagram

Console

Corresponding to item number 9 in the diagram, the lower pane consists of the four tabs: Console, Search, Build and Debug.

Return to the diagram

 

 

 

 

 

 

 

Copyright © 2020 Temenos. All rights reserved.