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

|
|
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. |
|
|
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. |
|
|
Command Bar |
Commands to save, save and close, and close the ViewApp currently edited with the ViewApp Editor. |
|
|
Actions List |
List of navigation actions associated with navigation items and the panes of a layout. |
|
|
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. |
|
|
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. |
|
|
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. |
|
|
Pane Content |
Thumbnail representation of the content shown in a pane based on the navigation item selected in the navigation tree. |
|
|
Zoom Percent Slider |
Moving the Zoom Percent Slider left or right adjusts the zoom percentage of the layout shown in the ViewApp Editor.. |
|
|
Zoom Percent Picker |
Drop-down list of zoom percentages to set the size of the layout shown in the ViewApp Editor.. |
|
|
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 |
|
|
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. |
























