Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

AVEVA™ Operations Management Interface

About the ViewApp Editor

  • Last UpdatedNov 05, 2024
  • 6 minute read

You use the ViewApp Editor to integrate all of the component parts to create a ViewApp. The ViewApp Editor incorporates the functionality to add, replace, and edit screen profiles, layouts, and content.

The figure below shows the various components of the ViewApp Editor

ViewApp Editor main page

Numbar 1 - dark blue

Selected Screen Profile

Name and thumbnail representation of the current screen profile associated with the ViewApp being edited. The screen thumbnail with a green background is the active screen in the profile.

When a screen profile contains multiple screens, individual screens can be selected. When an individual screen is selected, the screen name appears in the Actions list and the layout assigned to the screen is shown in the editing area of the ViewApp Editor.

Number 2 - dark blue

Custom Navigation Commands

Commands to manage custom navigation items placed in the navigation tree. These commands enable you to add, remove, and rename navigation items included in the ViewApp's navigation model.

Title Bar

The Title Bar shows the name of the ViewApp being edited. An asterisk (*) immediately after the ViewApp name indicates the edited ViewApp contains changes that have not been saved. The phrase Read Only appears when the ViewApp is open in the ViewApp Editor in read only mode.

Number 4- dark blue

Command Bar

Commands to save, save and close, and close the ViewApp currently edited with the ViewApp Editor.

Number 5 - dark blue

Actions List

List of navigation actions associated with navigation items and the panes of a layout.

Number 6 - dark blue

Auto-Fill Content

Drop-down list of Auto-Fill options that determine the different types of navigation modes to search for valid content that can be shown in a pane.

Number 7 - dark blue

Action Items

Each action item lists the name of content or container placed in a pane. The action item also shows the source and the pane within the layout.

Number 8 - dark blue

Navigation Tree

Hierarchical tree view of navigation items associated with objects listed in the Model view of the Template folder. Custom navigation can be used to add or remove items from the navigation tree.

Number 9 - dark blue

Pane Content

Thumbnail representation of the content shown in a pane based on the navigation item selected in the navigation tree.

Number 10 - dark blue

Zoom Percent Slider

Moving the Zoom Percent Slider left or right adjusts the zoom percentage of the layout shown in the ViewApp Editor..

Number 11 - dark blue

Zoom Percent Picker

Drop-down list of zoom percentages to set the size of the layout shown in the ViewApp Editor..

Number 12- dark blue

Zoom Box

The Zoom Box enables a selected area to be zoomed to the full width or height of the current editing area of the ViewApp Editor. The cursor shows a magnifying glass when the Zoom Box is selected. Drawing a rectangle by mouse or by touch within the editing area shows the content within the rectangle at the full width or height of the current editing area.

Zoom to Fit

Adjusts the size of the layout to fit entirely within the current area of the ViewApp Editor

Zoom to 100%

Sets the size of content shown in a ViewApp Editor to its actual size

Number 15 - dark blue

Layout Selector

Displays the name of the layout assigned to the selected screen. Clicking the arrow at the right of the Layout name lists all available Layouts in the Galaxy. Selecting another layout within the list assigns it to the selected screen.

Screens List

Thumbnail list of all screens in the screen profile with an overlay of the layout assigned to the screen.

Properties grid

Shows content properties of the graphics or controls currently showing on the selected pane. If a pane is empty, no properties are listed. If the selected pane contains a graphic, the name of the graphic and its pane location appear as content properties. If the selected pane contains a control, the control's properties are listed.

Preview

Opens a preview window so you can see what the ViewApp will look like at runtime without having to deploy it. For more information , see About previewing a ViewApp.

Additional settings

Opens the Settings dialog box, where you can set additional values that affect the behavior of this ViewApp. For more information, see Set additional properties for a ViewApp.

Toolbox Tab

Shows the hierarchical folder structure of the Visualization folder. Selecting a folder shows thumbnails of the content within the folder.

Assets Tab

Shows a hierarchical list of the objects shown in the Model view of the IDE. Selecting an object from the list shows the thumbnail of any associated content.

Search Field

Field to enter a search string to search for properties, graphics, or objects by name.

Breadcrumb

When the Toolbox tab is selected, a breadcrumb shows the list of graphic folder names to the content selected from the list. If the Assets tab is selected, a breadcrumb shows the serial list of Areas or other objects to the selected item from the list.

Selected Object

Object selected from the list of assets.

Associated Content

Content associated with the selected object from the assets list.

TitleResults for “How to create a CRG?”Also Available in