Cerberus™ DMS Graphics Editor Version 2.1 Configuration A6V10380527_en_a_21 2015-06-23 Siemens Industry, Inc.
Copyright Notice Copyright Notice Notice Document information is subject to change without notice by Siemens Industry, Inc. Companies, names, and various data used in examples are fictitious unless otherwise noted. No part of this document may be reproduced or transmitted in any form or by any means, electronic or mechanical, for any purpose, without the express written permission of Siemens Industry, Inc.
Table of Contents About This Document ....................................................................................................... 9 Document Revision History ............................................................................................... 13 1 Overview of Graphics ...................................................................................... 14 1.1 Graphic Libraries and Folders ............................................................................ 15 1.
3.8 3.7.10 Using the Depths Navigation View...................................................... 39 3.7.11 Zooming in the Graphics Viewer ......................................................... 39 3.7.12 Selecting Objects within Graphics Viewer .......................................... 40 3.7.13 Dragging Object Properties from the Graphics Viewer ....................... 40 3.7.14 Selecting Objects from System Browser............................................. 41 3.7.
.5 5.6 5.7 5.8 5.9 5.10 5.11 5.4.4 Working with the Ribbon ..................................................................... 73 5.4.5 Working with the Views and the Dock Panel ...................................... 74 Working with a Graphic ...................................................................................... 77 5.5.1 Overview of Graphic Components and Types .................................... 77 5.5.2 Bitmap Images .......................................................
5.12 5.13 5.11.2 Graphic Templates Browser ............................................................. 131 5.11.3 Working with Graphic Templates ...................................................... 132 The Graphics Library Browser .......................................................................... 135 5.12.1 Library Browser (Graphics Editor) ..................................................... 135 5.12.2 Working with the Library Browser ..................................................
5.16 5.17 5.18 5.19 5.20 5.21 5.22 5.23 5.15.2 About Stroke ..................................................................................... 185 5.15.3 Working with the Format Group ........................................................ 186 The Element Tree and Layers .......................................................................... 187 5.16.1 Element Tree View............................................................................ 187 5.16.
5.24 5.23.2 Page Setup View............................................................................... 252 5.23.3 Working with Printing ........................................................................ 258 Graphics Editor Appendix ................................................................................. 262 5.24.1 Context Menus .................................................................................. 262 5.24.2 Graphics Editor Keyboard Shortcuts ..........................
About This Document Document Revision History About This Document Purpose This manual provides a complete description of the Cerberus DMS graphical environment, including navigation, Graphics Viewer, Library Browser, and the Graphics Editor. Scope This document applies to Cerberus DMS Version 2.1. Target Audience Project Engineers are responsible for planning and configuring a customer project.
About This Document Document Revision History Liability Disclaimer We have checked the contents of this manual for agreement with the hardware and software described. Since deviations cannot be precluded entirely, we cannot guarantee full agreement. However, the data in this manual are reviewed regularly and any necessary corrections included in subsequent editions. Suggestions for improvement are welcome.
About This Document Document Revision History Document Conventions The following table lists conventions to help you use this document in a quick and efficient manner. Convention Examples Numbered Lists (1, 2, 3…) indicate a procedure with sequential steps. 1. Turn OFF power to the field panel. 2. Turn ON power to the field panel. 3. Open the panel. One-step procedures are indicated by a bullet point.
About This Document Document Revision History Safety Messages According ANSI Z535.6 The following examples show the ANSI standard safety messages used in this document to draw the reader’s attention to important information. ANSI distinguishes between personal injury safety messages and property damage warning messages. The personal injury safety messages have safety alert symbols and the following alert level labels: DANGER!, WARNING!, CAUTION! The label for property damage messages is: NOTICE.
About This Document Document Revision History Document Revision History Document Identification The document ID is structured as follows: ID_Language(COUNTRY)_ModificationIndex_ProductVersionIndex Example: A6Vnnnnnnnn_en_a_02 Document Revision History. Modification Index Edition Date Brief Description a 2015-06-23 Market Release Edition 13 Siemens Industry, Inc. Building Technologies Graphics Editor Version 2.
1 Overview of Graphics Graphic Libraries and Folders 1 Overview of Graphics The Graphics application allows you to, view and command (Graphics Viewer), create (Graphics Editor), and store (Graphics Library Browser) large graphics representing equipment, floors, buildings, facilities, and entire campuses. These graphical representations can contain dynamic elements to represent devices or values you want to monitor or control.
Overview of Graphics Graphic Libraries and Folders 1 The Graphics Editor is accessible from the: Graphics Viewer, by switching from Operating to Engineering mode, or by clicking Edit from the Graphics Viewer toolbar. Graphics Library Browser, by right-clicking on a Symbol or Graphic Template thumbnail in the Primary pane, and selecting Edit, or by clicking Edit from the Graphics Library Browser. For more information on the Graphics Editor, see Overview of Graphics Editor [➙ 50].
1 Overview of Graphics Graphics Viewer: Operating and Engineering Mode 1.3 Graphics Viewer: Operating and Engineering Mode The following table describes the Graphics Viewer behavior according to the Graphics window mode. Graphics Viewer window mode Graphics Viewer application behavior Operating Engineering 1.4 The Graphics Viewer displays – In the Default tab of the Primary pane. – The Textual Viewer tab displays and is available in the Primary pane.
Overview of Graphics Graphics Editor - Operating and Engineering Mode 1.5 1 Graphics Editor - Operating and Engineering Mode The following table describes the Graphics behavior according to the Graphics window mode. NOTE : In addition to having a Graphics Editor license, you must also have Graphic Editor Application rights to create, edit, or delete a Symbol or Template Graphic. Graphic Editor level access is defined by the Security application.
1 Overview of Graphics Scopes and Data Point Access Graphics Library Browser If you have access rights for the Graphics Library Browser, you can navigate to and display Symbols and graphic templates in the Graphics Viewer, as well as the user’s ability to create and modify them in the Graphics Editor. Access You can view Symbols and Graphic Templates in the Graphics Viewer and the Graphics Editor.
Overview of Graphics User Settings Overview 1.8 1 User Settings Overview Graphics Viewer The following user settings are automatically saved when you exit out of the Graphics Viewer. The Auto zoom selection is maintained. Graphics Editor The Graphics Editor allows you to retain your user settings applied to layout, views, and values. Therefore, when you exit and re-enter the application, your settings do not change. User settings are stored in the user’s Windows Temp Folder, c:\Users\[username]\AppD
2 Navigation in Graphics Accessing the Graphics Editor 2 Navigation in Graphics 2.1 Accessing the Graphics Editor You can switch between the Graphics Viewer and the Graphics Editor in Operating or Engineering mode. To Access the Graphics Editor in Operating Mode You are in the Graphics Viewer, in Operating mode. 1. From the Graphics Viewer toolbar, click Edit . The Graphics Editor opens in Operating mode in the Default tab of the Primary pane. 2.
Navigation in Graphics Drag-and-Drop Overview 2 To Switch from Graphics Editor Engineering Mode to the Graphics Viewer Engineering Mode You are in the Graphics Editor in Click Edit mode. . The Graphics Viewer displays in Engineering mode in the Primary pane. 2.2 Drag-and-Drop Overview The Graphics application supports the drag-and-drop of nodes and their properties from System Browser, the Graphics Viewer, and the Contextual pane to the canvas and various fields in the Graphics Editor views.
2 Navigation in Graphics Drag-and-Drop Overview Drag-and-Drop Multiple Objects from System Browser You can drag-and-drop multiple objects from System Browser to the Graphics Editor. When you drag-and-drop multiple objects over, the objects display in the alignment wrapped mode when dropped on the canvas. This means the objects display side-byside in a row, and wrap to the next row as needed. When you initially drop the objects on the canvas and release the mouse button, the objects remain selected.
Navigation in Graphics Table of Graphics Drop Targets 2.3 2 Table of Graphics Drop Targets Many fields in the Graphics Editor views are valid drag–and-drop targets for normal text from other applications. For example, drag-and-drop text from a word processing application into the Text property field. You can also drag-and-drop data point references from System Manager, the Graphics Viewer, and the Contextual pane into select fields in the Graphics Editor.
3 Overview of Graphics Viewer Table of Graphics Drop Targets 3 Overview of Graphics Viewer The Graphics Viewer is the Graphics component that allows you to display and view graphics in your facility.
Overview of Graphics Viewer Point Centered Mode 3.1 3.2 3 Point Centered Mode Point Centered mode ensures that a selected data point or group of data points will always be centered in the Graphics Viewer. For example, you might be required to put a data point in this mode if you are monitoring a fire system in a chemical manufacturing facility with key sensors that must always be viewed.
3 Overview of Graphics Viewer Viewing Graphic Objects Summary Status In order to simplify the system display and highlight the most important information, the system sometimes combines properties into a Summary Status property. The Summary Status displays the highest priority status that is currently active for an object. For example, if an object has an active Fire Alarm and Fire Fault, the Fire Alarm displays in the Summary Status. 3.
Overview of Graphics Viewer Viewing Graphic Objects 3 In the Graphics Viewer, the Operations tab in the Contextual pane changes its display to correspond to the new, secondary selection. However, System Browser, still displays the original, primary selection, to show your starting point. When you select an object from System Browser that is associated with a graphic, the Graphics Viewer displays the representative graphic and the object’s associated Symbol on the graphic is selected.
3 Overview of Graphics Viewer Viewing a Coverage Area 3.4 Viewing a Coverage Area Cerberus DMS allows you to manually associate objects to one-another. For example, you can associate a fire detector (or any other object type) to a video camera or to a document. Then, whenever the fire detector is selected in the System Browser tree, the related video camera or document displays in the Related Items pane. The coverage area feature provides a graphical way to achieve the same result.
Overview of Graphics Viewer Zooming and Panning 3.5 3.6 3.6.1 3 Zooming and Panning The Graphics Viewer supports zooming and panning within the active graphic. Zooming allows you to magnify or reduce the graphic image, and panning allows you to move the graphic around on the canvas. In zooming mode, you can left-click and drag a rubberband rectangle around any area of the graphic. The rectangle represents the area that will be zoomed to full view once you release the mouse button.
3 Overview of Graphics Viewer Graphics Viewer Components 3.6.2 Zoom Real Allows you to zoom in on the active graphic. To activate, click on the icon. To de-activate, left- click anywhere on the graphic. Scale to Fit Scales the graphic to fit in the viewing area. Once selected, the graphic resizes itself according to window size. Selecting the button, changing the Zoom selection, or loading another graphic, disables the feature.
Overview of Graphics Viewer Graphics Viewer Components 3 Navigation View The Graphic Navigation view allows you to customize and navigate through views of the active graphic by selecting a depth and then filtering, by discipline or by layer, which of the associated layers to display. If you choose to filter the layers by discipline, only the layers designated with that discipline display in the graphic view.
3 Overview of Graphics Viewer Graphics Viewer Components 3.6.3 About the Status and Commands Window Overview of the Window In Graphics, the Status and Command window is a floating view that displays an object’s properties, current status, and command buttons in the following two scenarios. Automatically, in the Graphics Viewer when an object associated with the open graphic has a property in an off-normal state.
Overview of Graphics Viewer Graphics Viewer Components 3 Graphic Canvas: When you drop a data point property onto the canvas, the associated data point Symbol displays on the graphic. For a list of the drop sources in the Graphics Editor, see the Table of Graphics Drop Targets [➙ 22]. 3.6.4 Status and Command Window The Status and Commands window displays the following information about an object, its properties, and its status.
3 Overview of Graphics Viewer Graphics Viewer Components options, and clicking on the triangle then displays the options. Some commands are sent immediately after you initiate them by clicking on the Command button. Others require you to enter arguments before they can be sent. When a command requires arguments (additional fields requiring information to continue with the command), the property row will expand after you click the command button.
Overview of Graphics Viewer Working with the Graphics Viewer 3.6.5 3 Status and Commands Connection Lines Visibility of the connection line and its connection point are controlled as follows: A Connection line and its connection point are only visible if the element is visible. An element is only visible when the Layer is visible that contains the element. A Layer is only visible if a Depth is visible that contains that particular Layer.
3 Overview of Graphics Viewer Working with the Graphics Viewer The selected graphic displays in the Primary pane of the Graphics Viewer. 3.7.2 Displaying Properties You have an object in the System Browser and you want to display the associated properties. You have manually displayed the Status and Commands window for an object on a graphic in the Primary Pane or Secondary Pane.
Overview of Graphics Viewer Working with the Graphics Viewer 3.7.4 3 Commanding Properties in Graphics Viewer You have a graphic open in Graphics Viewer, and you want to command the properties of an object in the graphic. 1. Right-click the object, and select Status and Commands. The system displays a list of the object’s properties, their current state, value, status, and all commands available to you for this object, based on your system privileges and the configuration settings for the object.
3 Overview of Graphics Viewer Working with the Graphics Viewer 3.7.6 Navigating to a Linked Element If configured, an element on a graphic can be used as direct navigation to an internal or external link. You have an element on a graphic that if selected links you to an internal or external 1. (Optional) Move your cursor over the element to display the tooltip and view the linked path and descriptive text, if any, about the linked element. 2. Either single click or double click the element.
Overview of Graphics Viewer Working with the Graphics Viewer 3 – Click on a specific area – the graphic view is now adjusted so that the clicked area is the center. – Click and drag the mouse - to draw a rectangle around the specific area of the graphic you want to have the focus. The graphic is resized and refocused around the area you clicked or drew. 3.7.10 Using the Depths Navigation View You have a graphic open in the Primary pane of the Graphics Viewer.
3 Overview of Graphics Viewer Working with the Graphics Viewer 3.7.12 – Click Zoom to select from a list of pre-defined zoom factors. – Click Zoom Real to zoom in and out, using your mouse wheel. Selecting Objects within Graphics Viewer You have a graphic open, and you would like to view the properties of an object on the graphic. Do one of the following: – Click and drag until the object is enclosed in the rubber band, and then release the mouse button.
Overview of Graphics Viewer Working with the Graphics Viewer 3 The data from the object is copied to the area or field. 3.7.14 Selecting Objects from System Browser 1. From System Browser, navigate to the graphic object you want to view. 2. Click the graphic object. Graphics Viewer displays the graphic object. Associated properties display in Property Viewer. Related links display in Related Items. To select objects within Graphics Viewer, see Selecting Objects within Graphics Viewer [➙ 40]. 3.7.
3 Overview of Graphics Viewer Working with the Graphics Viewer 3.7.17 Navigating to the Graphics Library Browser from System Browser You can view the Graphics Library Browser in the primary or secondary pane from System Browser in Operating Mode. 1. In System Browser, navigate to the Management View > Project > System Settings > Libraries. 2. Navigate to and click on any of your graphic Symbol folders. The Graphics Library Browser displays in the Primary pane. 3.7.
Overview of Graphics Viewer Graphics Viewer Appendix 3.7.19 3 Creating a Graphics Sub-Folder You want to create a Graphics sub-folder in System Browser and in your project's Graphics folder. You are in Engineering mode and the Graphics Editor is displayed in the Graphics tab of the work area. 1. To select the location of the new graphics folder, in System Browser, in the Applications View, click Graphics or a sub-folder, if one exists. 2.
3 Overview of Graphics Viewer Graphics Viewer Appendix 3.8.1 Keyboard Shortcuts Below is a list of available keyboard shortcuts you can apply to the active graphic or one of its children. A graphic is made active by clicking on the graphic in the primary or secondary pane. Press...
Overview of Graphics Library Browser Graphics Viewer Appendix 4 4 Overview of Graphics Library Browser The Graphics Library Browser allows you toggle between a view that displays all the available Symbols and Graphic Template objects in your project libraries. Additionally, the Graphics Library Browser allows you to do the following: Select from a thumbnail view or list view of all available Symbols or graphic templates.
4 Overview of Graphics Library Browser Library Browser (System Browser) 4.1 Library Browser (System Browser) Library Browser View (Thumbnail View) Item Name Description 1 Library Browser Toolbar Menu Allows you to do the following with the selected Symbol. Allows you to edit the Symbol. In the Graphics Editor. Allows you to delete the selected Symbol. Allows you to create a customized version of the selected Symbol. Allows you to zoom-in on the Symbol. Allows you to zoom-out of the Symbol.
Overview of Graphics Library Browser Graphics Library BrowserTasks 5 Library Browser display pane. Displays available Symbols and graphic templates depending on category or search criteria. 6 Graphic Icons Thumbnails of available Symbol(s) or graphic templates, depending on which mode you have selected. The selected Symbol or Graphic Template is highlighted. 7 4.2 4.2.
4 Overview of Graphics Library Browser Graphics Library BrowserTasks – In the Description, type a description for the object or keep the text as is. Click the flag icon, and repeat for the available languages. Click Ok when you are done. 8. Click OK. The new child graphic node is created and displays in the designated library in System Browser. You can now Import Symbols into the Symbol folder you just created. 4.2.
Overview of Graphics Library Browser 4 Graphics Library BrowserTasks 4.2.5 Creating a Customized HQ Symbol You can customize any existing HQ Symbols so that they display a "Regional" or customized version of that Symbol in your Project graphics. 1. In System Browser, select Management View, and expand the Project node. 2. Navigate to System Settings, and then expand the Libraries folder. 3.
5 Overview of Graphics Editor Graphics Editor Modes 5 Overview of Graphics Editor Overview Graphics Editor is the component of the System Manager application used to create and handle large graphics representing equipment, floors, buildings, facilities, and entire campuses. These graphical representations can contain dynamic elements to represent devices or values you want to monitor or control.
Overview of Graphics Editor Overview of Views and the Dock Panel 5 Runtime Mode Allows you to select and command elements. Design and editing capabilities are disabled. If Online mode is also enabled, you can access and test all your data point values from an actual online environment. Online Mode If enabled, displays real time data point values from an actual online environment. This mode is used in conjunction with Test and Runtime modes. 5.
5 Overview of Graphics Editor Graphics Editor Workspace Floating Views You can drag views to other locations of your monitor(s) so that they float separately from the Graphics Editor snap-in and th application panes. This is especially useful if you use two monitors since you can then expand the floating view to accommodate more information and eliminate excessive scrolling. Floating a view also frees up real estate for the remaining views in the main window.
Overview of Graphics Editor Graphics Editor Workspace 5.3.1 Scrollbars 5.3.2 Graphics Editor Toolbar 5 The Graphics Editors displays the vertical and horizontal scrollbars when the graphic or Symbol is larger than the canvas area. The Scrollbars are visible in all modes. The scrollbars allow you to navigate left or right, up or down in the current drawing board. Graphics Viewer Toolbar Engineering Mode Icon 5.3.
5 Overview of Graphics Editor Graphics Editor Workspace Along the ribbon, you will find the File menu button, and then the ribbon tabs and groups. In the example below, the customizable Quick Access toolbar is above the ribbon, but, can also be displayed below the ribbon. Ribbon Item Name Description 1 Tabs and Groups Tabbed menu bar that enables you to customize your workspace, and create, edit, and format your graphic images. The three tabs include the Home, View, and Options.
Overview of Graphics Editor Graphics Editor Workspace 5 Template Open Close Open the Save dialog box to save and close the active graphic. Close All Open the Save dialog box to save and close the active graphic. The Save As dialog box re-launches until all the open graphics are closed. Save Open the Save dialog box the first time you save a graphic. After the initial Save, the graphic is automatically saved and the Save dialog box does not display.
5 Overview of Graphics Editor Graphics Editor Workspace 5.3.6.1 Modes Group [➙ 63] Edit Group The Edit group options allow you to work within the active canvas to cut, copy, paste, and format graphic elements, as well as undo, redo, and repeat actions on the canvas Edit Group Icon Name Description Paste Insert the clipboard contents onto the active canvas. Cut Remove the selection from the active canvas and put it on the clipboard. Copy Copy the selection to the Clipboard.
Overview of Graphics Editor Graphics Editor Workspace 5.3.6.2 5 Elements Group The Elements group options allows you to create and work with graphic elements on the canvas, as well as insert images, animation objects, XAML files, and AutoCAD files. Elements Group Icon Name Description Select Objects View when the select objects cursor mode is active. When the select objects cursor mode is active, the button background color is yellow.
5 Overview of Graphics Editor Graphics Editor Workspace Viewports Group Icon 5.3.6.4 Name Description Viewport Mode Enable the Manual Viewport mode. All existing viewports in the active graphic display and the Manual Viewport Mode icon is active. Manual Page Manually draw a graphic viewport on the active canvas. Selection Group The Selection Group options allow you to arrange, group, combine, and align elements on the canvas.
Overview of Graphics Editor Graphics Editor Workspace 5 Group Combine multiple graphic elements into a group so that when one element is repositioned, all the other elements move with it. Ungroup Separate individual graphic elements from a group so that they can be repositioned independently. Join Group Add one or more graphic elements to an existing group. Leave Group Remove one or more graphic elements from a group.
5 Overview of Graphics Editor Graphics Editor Workspace Snap Option Snap Now 5.3.6.5 Snap the top-left corner (or anchor) of an element (or Symbol) to the nearest grid intersection. Brushes Group The Brushes group allows you to select a color from the drop-down menu for the fill, stroke, and background colors of the currently selected element on the canvas. Brushes Group Icon 5.3.6.6 Name Description Fill Set the color apply to the Fill (interior) property of the selected element(s).
Overview of Graphics Editor Graphics Editor Workspace 5 Center, and Bottom. 5.3.6.7 Bold Allows you to apply bold formatting to the selected text. Italic Allows you to apply italic formatting to the selected text. Underline Allows you to apply underline formatting to the selected text. Strikethrough Allows you to apply strikethrough formatting to the selected text.
5 Overview of Graphics Editor Graphics Editor Workspace . 5.3.6.8 Zoom Group The Zoom group options allow you to pan, or zoom in or out of a graphic image. Zoom Group Icon 5.3.6.9 Name Description Zoom Indicator Display the current scale factor of the active canvas and allows you to either select a pre-defined magnification from the drop-down menu or type a magnification value. 100% button Display the active graphic at 100% magnification when the button is clicked on.
Overview of Graphics Editor Graphics Editor Workspace 5.3.6.10 Preview Open the Print Preview pane and displays the currently selected graphic. Print Display the Print dialog box to print the current graphic\document. 5 Modes Group Modes Group The Modes group allows you to toggle between Design, Test, or Runtime mode. Modes Group Icon 5.3.7 Name Description Design Design and edit graphics and apply static values only. Test Design, edit graphics and simulate data point values.
5 Overview of Graphics Editor Graphics Editor Workspace 5.3.7.1 View Workspace Display Views Group Display Views Group The Displayed Views group option allows you to select which views to display or hide in the dock panel. Display Views Group 5.3.7.2 Name Description Aerial View Show or remove the Aerial View from the workspace. Brush Editor Show or remove the Brush Editor from the workspace. Element Tree Show or remove the Element Tree the workspace.
Overview of Graphics Editor Graphics Editor Workspace 5 View Group Icon 5.3.7.3 Name Description Show Logical Units Toggle between displaying the logical or physical units of a property Disable Layer Visibility Range Toggle between enabling and disabling the layer visibility range in the active graphic. Workspace Group Grid and Guidelines Group The Workspace group options allow you to hide or display grids and guidelines, as well as attach graphic elements to guidelines. Workspace Group 5.3.
5 Overview of Graphics Editor Graphics Editor Workspace 5.3.8.1 Bitmap Transparency Group The Bitmap Transparency group allows you edit a bitmap image by enabling the bitmap transparency feature. Bitmap Transparency Group 5.3.8.2 Name Description Enable Enable or disable the Transparency Color feature for editing a bitmap image. Color Field Set the Transparent Color by entering a hexadecimal color code or the name of a color, or selecting a color from the Brush Editor view.
Overview of Graphics Editor Graphics Editor Workspace 5 Control Group Icon 5.3.8.4 Name Description Break Lock Select a locked element on the canvas with the rubberband or keyboard function. This allows you to temporarily work with locked elements in Design mode. Refresh Reload all open views. Any unsaved settings will be lost. Coverage Area Mode Toggles the display and view of the coverage area(s).
5 Overview of Graphics Editor Graphics Editor Workspace 5.3.9 Quick Access Toolbar The customizable Quick Access toolbar allows you to store shortcuts for tasks and features you need quick access to. You can select where to position the toolbar, and from the Quick Access toolbar, you can also minimize and maximize the ribbon.
Overview of Graphics Editor Graphics Editor Workspace 5.3.10.1 5 View Menu Bar The following menu bar displays at the top of all views. Views Menu Bar Item Name Description 1 Window Position Menu Click on the icon to choose from the following options from the windows position menu: Floating: Udock the view, and then click and drag anywhere on your workspace.
5 Overview of Graphics Editor Graphics Editor Workspace 5.3.10.2 Library Browser View Depending on which view you are in, Symbols or graphic templates, the Library Browser view provides you with a thumbnail preview of the available graphic objects. Library Browser View (Thumbnail View) Item Name Description 1 Library Browser display pane. Display available Symbols and graphic templates depending on category or search criteria.
Overview of Graphics Editor Graphics Editor Workspace 5 Browser view. The magnification value displays as you move the slider and has a minimum magnification of 30% and a maximum of 300%. The slider displays only when you have toggled to the Symbol Thumbnail view. In the Library Browser’s List view, the Symbols and graphic templates are listed by Name, Library, and File. A thumbnail preview is not displayed. Library Browser View (List View Fields) 5.3.10.
5 Overview of Graphics Editor Graphics Editor Workspace 5.3.11 Open Dialog Box Item Name Description 1 Project List Displays an expandable list of all the libraries related to the project. 2 Library Content Displays a list of all the graphics in the selected folder. 3 Splitter Allows you to Show or Hide the preview pane and change its size. 4 Preview Pane Displays a thumbnail view of the selected graphic in the folder.
Overview of Graphics Editor Workspace Configuration 5.4 5.4.1 5 Workspace Configuration Saving the Layout Configuration You have adjusted the dock panel layout and the views with the default settings you want displayed when the Graphics Editor opens. On the Options tab, in the Layout group, click . The current dock panel layout configuration and view settings are saved as your default layout settings. 5.4.
5 Overview of Graphics Editor Workspace Configuration 5.4.4.2 Minimizing the Ribbon You can minimize the ribbon, so that only the tab names display and not the associated task groups. When working with the minimized Ribbon, once you have navigated to a task and it has been selected, the ribbon minimizes again. 1. Navigate to the Quick Access Toolbar. 2. Click the drop-down arrow . The Customize Quick Access Toolbar menu displays. 3. Select Minimize the Ribbon.
Overview of Graphics Editor Workspace Configuration 2. To close a view, click on the 5 Close icon. The view is removed from the dock panel frame and unchecked in the Display Views group. 5.4.5.2 Docking a View All views displayed in the dock panel are by default set to Dockable. This means you can click, drag, and reposition a view. When you move the view around the dock panel, available docking anchors display, allowing you to determine where to dock your view.
5 Overview of Graphics Editor Workspace Configuration 76 Siemens Industry, Inc. Building Technologies Graphics Editor Version 2.
Overview of Graphics Editor Working with a Graphic 5.4.5.3 5 Floating a View A view can be set to float, which means you can click and drag the view panel to any position on your monitor(s) without being confined to the perimeters of the Graphics Editor. NOTE: You can float a view on an installed client, however, the Web Server and Remote Server clients do not support floating windows. The view is displayed in the docking panel. 1.
5 Overview of Graphics Editor Working with a Graphic Viewport A defined area within a graphic or a sub-component of a data point representing the parent graphic page. There are two types of graphic viewports: Manual and Automatic. Automatic viewports are calculated whenever a graphic is saved to the graphics folder; and Manual viewports are drawn on a graphic by a user.
Overview of Graphics Editor Working with a Graphic 5 The following raster images are supported: BMP, JPG, GIF, TIF, TIFF, and PNG. They are stored as a stream inside a graphic page (XAML). They can be stretched and clipped. NOTE: The performance of a graphic may be severely impacted if it contains one or more raster images with active values in the Rotation Speed property of the Layout group property. Raster images supported by the Graphics Editor include: BMP, JPG, GIF, TIF, TIFF, and PNG.
5 Overview of Graphics Editor Working with a Graphic The table below shows the interdependency of Graphic properties when they are modified. An “x” means that if there is a change in one property value, the associated property value also changes. Height Height Width Logical Width x Logical Height x Width 5.5.
Overview of Graphics Editor Working with a Graphic 5 Pasting and Inserting Bitmap Images onto the Canvas You can paste a bitmap image onto the canvas or replace a selected image element on the canvas. The following apply: If no elements are selected on the canvas, a new image is created on the canvas. The image of the selected element(s) is replaced by the bitmap image from the clipboard; however, the image properties, for example, shadow, angle, evaluations, etc., remain as initially set.
5 Overview of Graphics Editor Working with a Graphic Mode you cannot add any elements to the canvas and all existing elements on the canvas are visible, but locked and cannot be edited. 5.5.3.2 Automatic Viewports When you save a graphic, the Graphics Editor automatically generates a viewport and for every system object referenced in the graphic the depth of a graphic is used to help define the size of the viewport.
Overview of Graphics Editor Working with a Graphic 5 1. From the Viewports group, click the Viewport Mode icon . The Viewport Mode is now enabled and the icon background changes to a darker shade of blue. In the Element Tree a Layer (Manual Viewports) item is added. NOTE: In the Viewport mode, you can only modify manual viewports; all other elements on the graphic are visible but not active for editing. 2. From the Viewports group, click the Manual Viewport icon .
5 Overview of Graphics Editor Working with a Graphic 5.5.4.4 Modifying Manual Viewports Manual viewports are edited in the Graphics Editor. You have a graphic with viewports open. 1. On the Home tab, from the Viewports group, click Viewport Mode The Manual viewport mode is now enabled. . 2. Do one or more of the following: – Move the Manual Viewport - Click and drag on the manual viewport to move it to the desired location on the canvas.
Overview of Graphics Editor Working with a Graphic 5 6. Configure the foreground layer by dragging and dropping points from the Symbol Browser the appropriate graphics. 7. Create a new Symbol, or select Symbols from the Symbol Library and add them to the graphic. 8. Create manual pages. 9. Define the graphic and element property settings, values, and Evaluation sequences. 10. Test the Evaluations. 11. Save the graphic. 5.5.5.2 Creating a Graphic You want to create a graphic. 1.
5 Overview of Graphics Editor Working with a Graphic expression, or evaluation associated with it, is a valid drag source. These properties can be dragged over to the Graphics Editor or onto another application pane or view that accepts drag source. In the Graphics Editor, you can drag an item from the canvas or one of the views when you are in Runtime mode. Drop Target All text or field boxes in the Graphics Editor are valid drop targets for the data point reference nodes.
Overview of Graphics Editor Working with a Graphic 5 cancel dragging by pressing the ESC key or by moving the cursor outside the boundary of the Graphics Editor window. Cursor Image Accepts Drop Does Not accept Drops 5.5.6 5.5.6.1 Working with Linked Graphics Creating a Graphic Link within a Graphic A graphic in the Graphics Viewer can contain a link to another graphic. When you click on the link, the graphic associated with the link displays.
5 Overview of Graphics Editor Working with a Graphic 5.5.7 Working with Bitmap Transparency Your can insert a bitmap image into your graphic and set a color within the image to transparency. You have imported a bitmap on the canvas and you want a color within the bitmap to be transparent.
Overview of Graphics Editor Working with a Graphic 5 Task File NOTE: You should always run a backup of your graphic libraries before running any of the task files. Additionally, you should only run one task at a time. The Cerberus DMS software provides the following default file that is loaded into the Consistency Checker: Siemens.Gms.ConsistencyCheckerTask.Graphics.dll The default file contains the following checks and tasks: Check *.CCG and *.
5 Overview of Graphics Editor Working with a Graphic True - Match or no match, all files are resaved. 5.5.9 Symbol Statistics This task allows you to generate a report displaying statistical information about selected Symbols. The result of the task is saved to a SymbolStatistics.CSV file in the Local \TEMP directory. Statistics include: number of elements, latest version, usage information, etc.
Overview of Graphics Editor Working with a Graphic 5 Consistenty Checker Field Description Check Clears any existing error messages and run any check marked tasks. Auto Fix Automatically fixes any errors found after a task has been run. Fix Manually initiate a fix on any selected errors. Display or hides the Properties of Task section in the Tasks tab. NOTE: Only displays when the Tasks tab is selected. Load all tasks from all task files.
5 Overview of Graphics Editor Working with a Graphic Reason Displays the reason why the issue was added. Solution Displays what the solution is to fix the issue. Property of Task Section: Description varies according to task selected Field Description Key Displays the property path. Value Displays the property value. Input fields Allows you to enter text to add a new Key or Value, respectively. Or, modify an already selected task property.
Overview of Graphics Editor Working with a Graphic 5 Settings Tab Field Description Watch File System When checked, the Consistency Checker watches the Task Directory for newly added task .DLL’s, upon detection, the .DLL is then automatically loaded. Save Exceptions (Save to File) Exceptions are written and saved in the Export log file. Log Tab Field Description DateTime Display the date and time the log entry was noted. Task Display the Name and Description of the task.
5 Overview of Graphics Editor Working with a Graphic 3. Select GMSProjects > GMSMain Project > Bin directory, and select the required task file (.DLL). For example: Siemens.Gms.ConsistencyCheckerTask.Graphics.dll The task file is loaded into the Consistency Checker. 4. If the Task list is empty or has not updated with the new tasks, click Refresh and the task list is updated to display all loaded tasks. 5.5.10.
Overview of Graphics Editor Working with a Graphic 5 2. If a task has additional properties and you want to adjust or view those properties, in the Tasks pane click on the task whose properties you want to view, and then click to display the Properties of Task pane. The properties associated with the highlighted task display. 3. In the Properties of Task pane, make the necessary changes to the properties, if any. – To make changes to a Key or Value – Select the property you want to modify.
5 Overview of Graphics Editor Working with a Graphic 5.5.11 Importing Graphic Files from another Project or Custom Folder You can import graphic files (.ccg or .cct) from one project into another, or import from a custom folder to your current GMSProject\[YourCurrentProjectName]\Graphics folder using a system task from the Consistency Checker. Alternatively, you can drag-and-drop your custom graphics to the Graphics Editor and save each graphic to the current project folder.
Overview of Graphics Editor Working with a Graphic 5 The Consistency Checker goes through the project's graphics folder and compares what .ccg's and .cct files are in the folder compared to the System Browser Graphics tree. When the Consistency Checker is finished checking, the Completed with Findings icon displays next to the task and in the Findings pane, a list of the graphics found in the graphics folder but not the System Browser Graphics tree display. 4.
5 Overview of Graphics Editor Graphic Updates after an Upgrade Installation 5.6 Graphic Updates after an Upgrade Installation Upgrade from Cerberus DMS 2.0 to Cerberus DMS 2.1 If you are upgrading your Cerberus DMS software from 2.0 to 2.1, your graphics are automatically updated after you have restored your project in the System Management Console (SMC), and then selected Upgrade to restore the outdated project. Upgrade from Cerberus DMS 1.0 or 1.1 to Cerberus DMS 2.
Overview of Graphics Editor Graphic Updates after an Upgrade Installation 5 3. Enable the File Conversion task, by clicking on the checkbox in the Enabled column next to the task. 4. If the Properties of Task pane is not displayed next to the Task pane, click in the upper right-hand corner of the Consistency Checker pane to display it. The Properties of Task pane displays, and a list of File Conversion task properties display in the pane. 5.
5 Overview of Graphics Editor Graphic Updates after an Upgrade Installation The Value for the property is updated. 6. Check the AutoFix checkbox. 7. Click the Check button at the top of the Consistency Checker to run the file conversion. The File Conversion task runs. The Findings pane displays all the graphics that were updated.
Overview of Graphics Editor Graphic Updates after an Upgrade Installation 5 You have already run the File Conversion task on your graphics, using the Path Graphics property of the Consistency Checker. See Updating Graphics after a 1.0 or 1.1 Upgrade Installation [➙ 98] 1. From the File menu, click Consistency Checker. The Consistency Checker displays. 2. Click to refresh the Tasks pane. The Tasks windows is updated and displays a list of available tasks to run. 3.
5 Overview of Graphics Editor Graphic Updates after an Upgrade Installation Graphics) will be checked when you run the File Conversion task. If this is what you plan to do, proceed to the Step 9 below. Or, – If you want to point to a specific folder for the Consistency Checker to check and update graphics, click on the path property you are running, and then in the text box, type the location of your custom library. For example: libraries\[YourLibraryFolderNameHere]\*.css -orC:\GMSProjects\[YourProjectNa
Overview of Graphics Editor Viewing a Graphic 5.7 5.7.1 5 Viewing a Graphic Aerial View The Aerial view allows you to view the drawing board and the canvas at all times. You can zoom in and out of a specific area and pan around the drawing area with the viewport. Aerial View 5.7.2 Item Name Description 1 Viewport Rectangle View graphics in part or as a whole.
5 Overview of Graphics Editor Viewing a Graphic 5.7.3 5.7.4 5.7.4.1 About Zooming and Panning The Graphics Editor supports zooming and panning within the active canvas. Zooming allows you to magnify the canvas image, and panning allows you to move the center of the canvas view. The Zoom and Pan commands are accessed from the Home tab in the Zoom group. The panning or zooming modes are automatically deactivated when you select a new drawing object or when a new or existing graphic page is opened.
Overview of Graphics Editor Searching for Graphic Files 5 Repeat as needed. 5.8 5.8.1 Searching for Graphic Files Find and Replace Overview The Find and Replace view, enabled from the Ribbon’s View tab, allows you to search, display results, and replace existing text, string, and property values. This is useful for making changes to multiple graphics, that share related information, for example, changing substitutions and data point references in Sample graphics.
5 Overview of Graphics Editor Searching for Graphic Files Replace Options in the Find Results Once you have conducted a search and the results are displayed in the Find Results section of the view, you have several options for working with results. You can choose to go item by item, by clicking the Find Next button or you can directly double-click on an item in the Find Result list. Or, you can conduct a Replace or Replace All task.
Overview of Graphics Editor Searching for Graphic Files 5 Find and Replace View Field Description Find what Type the text, string, or data you want to search for. Replace with Type the text, string, or data you want to replace to replace what is in the Find what field. Expand to display the Property Toolbox fields when selected. Allows you to insert specific property values for non-textual properties, such as brush type, color, enumerations, etc.
5 Overview of Graphics Editor Searching for Graphic Files grayed out and inactive. Filter Section Look In Select where the search will take place: the Current Document or active graphic, All Open Documents, or the Entire Project. Type Select a field type to further filter your search. NOTE: This is disabled if you have chosen to look in the Current Document. Name Enter a graphic, symbol, or template graphic name to further filter your search.
Overview of Graphics Editor Searching for Graphic Files 5.8.3 5.8.3.1 5 Match Display the entire string of the field and highlights the matching pattern. NOTE: Only the highlighted string will be replaced by the Replace function. Element Display the element name and description, along with additional element properties such as the Position and Size. Example: Ellipse (My Ellipse) [16/31 48X48] If the element is a child of a Symbol instance, then the full path of the Symbol instance is prefixed.
5 Overview of Graphics Editor Searching for Graphic Files 3. In the Filter section, narrow your search by selecting where to look. For more information on each field, see the descriptions in the topic, Find and Replace View [➙ 106] – If you select Current Document or All Open Documents – The results are automatically updated in the Find Results window. – If you select Entire Project – The Find Results Controls section displays and a status bar indicates the search is active.
Overview of Graphics Editor Working with AutoCAD Images 5.8.3.4 5 Displaying Find and Replace Results You have conducted a search and have one or more results displayed in the Find Results section of the Find and Replace view. You wish to view the view the results. To view an item from the results list, double-click on the appropriate row. The following occurs for each item selected: 5.9 5.9.
5 Overview of Graphics Editor Working with AutoCAD Images measurement units of the AutoCAD drawing to the graphic that the drawing is inserted into. When you are in the AutoCAD Importer application, and open a DWG or DXF file, you will see check boxes for drawing layers. These check boxes let you specify which layers of the drawing you want to make visible.
Overview of Graphics Editor Working with AutoCAD Images 5 AutoCAD Importer 5.9.3 Item Description 1 Drawing Preview Area Display an AutoCAD image based on DWG, DWFx, or DXF file types. 2 Size (Width/Height) Display the dimension settings of the image in their proprietary units: width and height. 3 Measurement Units Display the type of measurement assigned to the image. Choices include metric and English units.
5 Overview of Graphics Editor Working with AutoCAD Images 5.9.3.1 Converting AutoCAD Files NOTE: AutoCAD conversion is only possible on installed clients, i.e., conversion is not possible from the Cerberus DMS Web Server and Remote Server clients. You are in Design or Test mode, and you would like to convert an AutoCAD file to an XPS element that you can import into a graphic. 1. Select Home > Elements group, and then click Import AutoCAD and XML Image File . 2.
Overview of Graphics Editor Working with AutoCAD Images 5.9.3.2 5 Converting Large AutoCAD Files NOTE: AutoCAD conversion is only possible on installed clients, i.e., conversion is not possible from the Cerberus DMS Web Server and Remote Server clients. You are in Design or Test mode, and you would like to convert an AutoCAD file to an image element that you can import into a graphic. 1. Select Home > Elements group, and then click Import AutoCAD and XML Image File . 2.
5 Overview of Graphics Editor About Symbols 5.10 5.10.1 About Symbols About Symbols A graphics Symbol is a reusable graphic image that represents a piece of equipment, floor, or any component or entity. They are stored in a library and are typically used to display system object values.
Overview of Graphics Editor About Symbols 5 You can replace a Symbol of an existing Symbol instance with another Symbol by simply selecting the Symbol instance on a graphic and replacing it with a selected Symbol from the Symbol Library. The object type and substitution associations will be kept. For example, you can replace a fan Symbol with a pump Symbol on a graphic and not lose any of the values you wish to view.
5 Overview of Graphics Editor About Symbols | (‘?’[ | ])* The Generic Symbol Extended Substitutions table below, is an example of using the “?” in an expression applied to a text element. Generic Symbol Substitution Syntax Examples Expression in a Text Element Substitution if First Reference Exists System1:Test_AI_1_1 System1:Test_AI_1_1? System1:Test_AI_1_1 ? 3.
Overview of Graphics Editor About Symbols 5 Association to an Object with a Specific Model Property The Syntax for a Symbol Instance associated to an object with a specific Model property: MySystem.MyView:MyTree.MyNode;.Present_Value Associated to an Object with a specific Function Property The Syntax for a Symbol Instance associated to an object with a specific Function property: MySystem.MyView:MyTree.MyNode;@Cmd 5.10.
5 Overview of Graphics Editor About Symbols Selecting a Default Style Symbol to Display on a Graphic You can select a Symbol Style within the Graphics Editor so that the subsequent drag and drop of objects will use the selected style. From the Ribbon's Options tab, the Symbol Options group allows you to select a Symbol Style from a drop-down menu so that the Symbol(s) associated with the subsequent drag and drop of the object, will display the assigned Symbol to the selected Style.
Overview of Graphics Editor About Symbols 5 Star Substitution Star substitution is used as the connection between the drag-and-drop source reference and the internal Symbol substitution mapping. When you drag-and-drop a data point instance (e.g. “AI_1”) to the Graphics Editor, an associated Symbol instance is placed on the canvas, and Symbol instance property “Object Reference” is set to the source reference, “AI_1” in this case. NOTE: The “Object Reference” property can also be manually changed.
5 Overview of Graphics Editor About Symbols Resolved Expression If a child element of a Symbol instance is selected, the Evaluation Editor displays the original expression along with the resolved expression. 5.10.5.1 Multiple Substitutions An expression can contain many substitutions. The expression {Object}.{Property} creates two substitutions: “Object” and “Property” A substitution can only have one default value.
Overview of Graphics Editor About Symbols 5 Customized Library and Library Object The new customized library object is stored in a clone-directory--in the library level depending on your customization level-- with the original library name and the original file name. You must have the appropriate user-rights to customize an original file. Access rights also do not apply to the library levels above your access rights, only below.
5 Overview of Graphics Editor About Symbols 2. Add elements and configure the Symbol properties as needed. Configure the Symbol for substitutions and animation in the Evaluation View. 3. Save the Symbol to the appropriate project library in the Graphics Editor. 5.10.7.2 Associating a Symbol with an Object Type You want to associate a Symbol with an object model, so that any instance of that object model on a graphic, will display the associated Symbol.
Overview of Graphics Editor About Symbols 5.10.7.3 5 Creating a Symbol NOTE: You must have Graphic Editor Application rights to create, edit, or delete a Symbol. Graphic Editor level access is defined by the Security application. You want to create a new Symbol. 1. In the System Browser > Application View > Graphics. 2. In the Primary pane, click the Operating button to switch to Engineering mode. 3.
5 Overview of Graphics Editor About Symbols 5.10.7.5 Deleting a Customized Symbol You have a customized Symbol you want to delete. Deleting the customized Symbol does not affect the original Symbol. 1. Navigate to the appropriate Library where the customized Symbol is located.
Overview of Graphics Editor About Symbols 5.10.7.7 5 Modifying an Existing Symbol NOTE: You must have Graphic Editor Application rights to create, edit, or delete a Symbol. Graphic Editor level access is defined by the Security application. Of you do not have the appropriate access rights, the Symbol will open in Read-Only mode . The Graphics Editor it open and you have an existing Symbol and you want to modify. 1.
5 Overview of Graphics Editor About Symbols 5.10.7.10 Modifying Elements in a Symbol Instance A Symbol Instance is made up of one or more elements. If the element has a unique ID number associated with it, it can be selected on the canvas and modified. If the element does not have a unique ID number associated with it, it cannot be selected or modified within the Symbol Instance. You have a Symbol Instance on the canvas and you want to modify one or more elements within the Symbol Instance. 1.
Overview of Graphics Editor 5 About Symbols 2. (Optional) Click the Symbol Filter so that it is enabled (icon background is gray) to display the Symbols from both the Object Model and the Function libraries. If unselected, only the Symbols from the Function library display. If however, there are no associated Symbols in the Function libary, only then will the Symbols from the Object Model display. 3. Right-click on the Symbol instance on the canvas that you want to replace. The context menu displays.
5 Overview of Graphics Editor About Graphics Templates The updated Symbol is now saved in the Regional Symbol folder, and the original Symbol remains in the original library folder with the Localized Symbol icon displayed in the upper left-hand corner of the Symbol thumbnail image. 5.10.8 Troubleshooting Symbols Error Messages Symbol error messages display when there is either a communication issue or engineering (configuration) issue.
Overview of Graphics Editor About Graphics Templates 5 However, in System Browser, if you click on a specific graphic template and you are in: Operating mode, the graphic template displays in the primary or secondary pane. Engineering mode, the graphic displays in the work area of the Graphics Editor. Mapping Functions to a Graphic Template Graphic templates are used to map to data points so that you can see the data point COV values representing a piece of equipment or an object.
5 Overview of Graphics Editor About Graphics Templates 5.11.3 5.11.3.1 Working with Graphic Templates Creating a Graphic Template You have created the GraphicTemplates library folder in your project directory. 1. In System Browser, select Management View. 2. Select Project > System Settings, and click on the Libraries folder. The Libraries sub-folders display. 3. Navigate to the desired library folder where you want to add your new graphic template, and click on its graphictemplates folder . 4.
Overview of Graphics Editor About Graphics Templates 5 The New library block pane displays. 6. Enter the Version number, Revision, Date, and Notes information, as needed. 7. Click Save Data . 8. The Create New Object dialog box displays, with Graphic Templates as the default Description. 9. (Optional) In the Description field, highlight Graphic Templates and type a new name for the folder. 10. Click OK.
5 Overview of Graphics Editor About Graphics Templates 5.11.3.5 Opening an Existing Graphic Template You can open a graphic template in several different ways, depending on where you are in the Cerberus DMS software. The list below describes how you can access or open an existing template graphic from the following locations: System Browser > Management View Navigate to Project > System Settings > Libraries and then locate the graphic templates library from the appropriate library.
Overview of Graphics Editor The Graphics Library Browser 5.12 The Graphics Library Browser 5.12.1 Library Browser (Graphics Editor) 5 Depending on which view you are in, Symbols or graphic templates, the Library Browser view provides you with a thumbnail preview of the available graphic objects. 135 Siemens Industry, Inc. Building Technologies Graphics Editor Version 2.
5 Overview of Graphics Editor The Graphics Library Browser Library Browser View (Thumbnail View) Item Name Description 1 Library Browser display pane. Displays available Symbols and graphic templates depending on category or search criteria. 2 Filter by Library Allows you to display all the Symbols or graphic templates in your project libraries or just display the graphic objects from the library selected in the drop-down menu. 3 Symbols\Graphic Templates Toggle Allows you to switch between dis
Overview of Graphics Editor The Graphics Library Browser 5 Library Browser View (List View Fields) 5.12.2 5.12.2.1 Name Description Name Displays the Symbol or graphic template file names. Library Displays the library name where the Symbol or graphic template is stored. File Displays the full path of the Symbol or graphic template’s location. Customize If a Symbols has a customized version, the file path is displayed in the column.
5 Overview of Graphics Editor The Graphics Library Browser The Symbol matches automatically display in the view as you enter the text. 5. Do one of the following to add a Symbol(s) to a graphic: – Right click on the Symbol(s) and click Insert from the context menu. The Symbol(s) are added to the graphic. To select multiple Symbols, press the CTRL key and click the Symbols you want to add from the Symbol Browser display. – Click on the Symbol (s) and drag it to the active graphic.
Overview of Graphics Editor The Graphics Library Browser 5 Fan Filter Heating Humidifier Mixing Pipe Sensor Services Roof 5.12.2.4 Deleting a Symbol or Graphic Template Symbols and graphic templates can be deleted from the project libraries in the Graphics Editor Library Browser. 1. From the Library Browser, filter and then navigate to the Symbol or graphic template you want to delete in the Library Browser pane. 2. Right-click on the Symbol or graphic template you want to delete.
5 Overview of Graphics Editor Overview of Elements The Symbols in the Symbol libraries display in the Library Browser in the primary pane. 5. Click on the Symbol(s) you want to create a customized Symbol for, and then from the Library Browser toolbar, click Customize. 6. Click OK to confirm you want to customize the current library and the listed Symbols. The Symbol(s) are added to the Symbols folder now displayed under the Region library folder. And, the Symbols display in the Graphics Editor. 7.
Overview of Graphics Editor Overview of Elements 5 Element Properties Elements have properties associated with them that are configured in the Properties view. Each property belongs to a category of properties. You can move your mouse over a property listed in the Properties view, to display a brief description of the property, or for a more detailed description of the property, including property type, allowable input values, and the default value, click Show Property Detail .
5 Overview of Graphics Editor Overview of Elements Copying and Formatting Elements There are a number of ways to apply and re-use formatting from one drawing element to another on an active canvas. Re-Use Format – Allows you to apply formatting of a selected element to the next drawn element on the canvas. This is done by clicking on an element on the canvas so that the handles are visible, and then selecting a drawing element from the ribbon to draw.
Overview of Graphics Editor Overview of Elements 5 In select and multi-select mode, only resize and rotation handles are visible. They are also visible if the element width or height, or both, is zero. The size of a handle does not change when you zoom in or out of a graphic. Selection and Resizing Handles All elements are surrounded by eight white selection and resizing handles: one in each corner and an intermediate handle between the corners.
5 Overview of Graphics Editor Overview of Elements Rotational Handles All elements have the green Rotational handle attached to a center selection handle. The Rotational handle is displayed at the top of the polygon element below. 5.13.3 Element Handle Table Element Handles Icon Name Function Start Handle Marks the beginning of a path. End Handle Marks the end of a path. Cornering Radius Handle Rounds the corners of a rectangle element.
Overview of Graphics Editor Overview of Elements 5.13.4 5 About Grids Grids are patterns of equally spaced, non-printing, horizontal, vertical, and angular lines or markers used to divide a graphic into equal sections. They help you align your elements symmetrically, precisely, and angled for a 3D-like representation. The grid lines include X-, Y-, and Z- lines. X sets the horizontal lines, Y sets the vertical lines, and the Z- line, if Enable 3D Axis selected, sets the angular lines on the grid.
5 Overview of Graphics Editor Overview of Elements Styles Grid styles refers to the look you can assign to your grid—either Lines or Markers. When you select Lines, the grid pattern is more pronounced since more dots are used to define the pattern. When you select Markers, the grid pattern is less pronounced, though still visible, because fewer dots are used to define the pattern. Additional Grid Information 5.13.5 Gridlines are not affected by mouse events.
Overview of Graphics Editor Overview of Elements 5 Additional Guideline Features 5.13.6 Guideline settings are saved with the graphic. Guideline settings are unique for every graphic. Guidelines are visible only in Design and Test modes. Guidelines can be added, moved and deleted. Guideline colors are customizable. Guideline stroke and thickness does not change with different zoom factors.
5 Overview of Graphics Editor Overview of Elements 5.13.7 Web Link – If the link is a web address, the address must be preceded by the protocol (http, https, ftp, etc.) For example: https//www.google.com Grouping and Ungrouping Elements The four Group options allow you to group or ungroup elements, or have elements join or leave existing groups.
Overview of Graphics Editor Overview of Elements 5 Leaving a Group The Leave Group option allows you to remove one or more graphic elements from a group. You can remove elements from a group either by selecting the element in the Element Tree view and then deleting the element or selecting the Leave Group option. The option is enabled only when you select an element serving as a group child. Elements with the same parent will retain their relative z-order after they leave the group.
5 Overview of Graphics Editor Overview of Elements 5.13.9 Notes on Resizing Elements Elements can be resized on the active canvas using the control handles that display when you click on an element(s) in Design mode. There are, however, a few notes and exceptions to keep in mind when resizing elements: The stroke thickness is never affected except for the XAML object. The font size is not affected by resizing, unless you have enabled the Resize Fonts from the Home tab’s Format group.
Overview of Graphics Editor Overview of Elements 5 Object names and addresses are never converted into another hierarchy. The tooltip displays what was manually entered as the Object Reference. Only the last part of the object name is shown. For example, Analog Input 1 instead of System\Removable Applications\BACnet Network #1\Simulator Device #1\Analog Input 1 5.13.10.1 The property name or property ID of an object is never shown.
5 Overview of Graphics Editor Overview of Elements 5.13.11.2 Deleting an Element You are in Design or Test mode and have one or more elements on a canvas. 1. Right-click on the element you want to delete. The element becomes active and its control handles display around the element. 2. From the context menu, select Delete. The element is deleted from both the canvas and the Element Tree view. 5.13.11.
Overview of Graphics Editor Overview of Elements 5.13.11.4 5 Modifying Element Properties You are in Design or Test mode and have a graphic open. 1. From the Element Tree or from the active canvas, navigate to and select the element whose properties you want to modify. The Properties view displays the list of associated properties. 2. For each property you want like to modify, navigate to and click on the property group to expand and display the associated properties. 3.
5 Overview of Graphics Editor Overview of Elements 5.13.11.7 Moving an Element You have one or more elements on the graphic canvas you want to move elsewhere on the canvas. 1. Click-and-drag the element(s) over the canvas. A grayed-clone copy of the element(s) displays, while you move the element to the new location on the canvas. 2. Release the mouse button. The clone copy disappears and the element placed in the new location.
Overview of Graphics Editor Overview of Elements 5.13.11.10 5 When the new width/height is “negative” the FlipX/FlipY properties of all elements are toggled. Resizing a line or a polygon doesn’t change the point collection; it just changes the “view”. For example: Resizing the polygon width from 100 to 0 is allowed. After that, the polygon width can be resized back to 100 and the polygon looks the same as before. This behavior is also important for scripting the size.
5 Overview of Graphics Editor Overview of Elements 5.13.11.12 Selecting Elements from the Element Tree You have the Element Tree displayed in the Dock Panel and are in Design or Test mode, and have elements on the canvas. 1. In the Element Tree view, from the Selected Depth and the Default Layer dropdown list menus, select the depth and Layer that contains the elements you want to select. 2. Click Show all Elements The Show all Elements icon .
Overview of Graphics Editor Overview of Elements 5.13.11.14 5 Using Copy Format You are in Design or Test mode and you have formatted an element on the active canvas and would like to apply the same formatting to other elements on the canvas. 1. From the canvas, select the element whose formatting you want to copy and apply to another element on the canvas. 2. On the Home tab, in the Edit group, click Copy Format . The properties of the element are copied and stored. 3.
5 Overview of Graphics Editor Overview of Elements 2. From the keyboard, press CTRL. 3. Select the group that you want the element to join. 4. From the Home tab, in the Selection group, click Join Group . The element joins the group. 5.13.12.3 Removing an Element from a Group You are in Design or Test mode, you have an existing group of elements, and you would like to remove an element from the group. 1.
Overview of Graphics Editor Overview of Elements 5.13.12.6 5 Resizing an Element Group You are in Test or Design mode, and you would like to resize a group of elements. 1. From the canvas, select the group of elements you want to resize. The selection handles display around the group. 2. Hover over one of the selection handles until the cursor changes to 3. Click and drag a selection handle on the group of elements until you have the desired size. 4. Release the selection handle.
5 Overview of Graphics Editor Overview of Elements 5.13.12.9 Ungrouping Elements You are in Design or Test mode, you have two or more elements grouped on a canvas, and you want to remove them from a group. 1. From the canvas, select the group of elements you want to ungroup. 2. From the Home tab, in the Selection group, click on the Ungroup icon . The elements are removed from the group. 5.13.13 5.13.13.
Overview of Graphics Editor Overview of Elements 2. On the Home tab, from the Selection group, click Send To Back 5 . The element is sent to the back. 5.13.14 5.13.14.1 Working with Grids and Gridlines Adding Guidelines You are in Design or Test mode, and you want to add a horizontal or vertical guideline to the canvas. 1. On the View tab, check the Display Guidelines check box to enable the guidelines.
5 Overview of Graphics Editor Overview of Elements 4. When you have finished updating a property, press TAB or ENTER to finish or move to the next property. The guideline properties have been changed. 5.13.14.3 Copying and Pasting a Guideline You have a graphic open and the guidelines are visible. You want to copy and paste a guideline to another location on the graphic. 1. Select the guideline you want to copy and paste. The selected guideline displays in green. 2.
Overview of Graphics Editor Overview of Elements 5 When you select a guideline from the element tree, the associated guideline displays in green on the graphic canvas. 2. Check the Locked check box associated with the selected guideline. The guideline is unlocked and can be moved. NOTE: To select more than one guideline, press CTRL and then select the guidelines you want to Unlock. 5.13.14.7 Deleting a Guideline 1. Select the guideline you want to delete. The guideline now displays in green. 2.
5 Overview of Graphics Editor Overview of Elements 5.13.14.10 Enabling or Disabling Snap On the View tab, from the Workspace group, do one of the following: Check the Snap check box to enable snap. Clear the Snap check box to disable snap. NOTE: By pressing and holding the SHIFT key while the snap feature is enabled, you can drag an element near or over a gridline or guideline without activating snap, which gives you additional positioning choices.
Overview of Graphics Editor 5 Overview of Elements 4. The following procedures depend on the element type you are working with. If the active element contain: – A line or path element with a start and end handle, from the Start Stroke Line and the End Stroke Line drop-down menus, select an appropriate stroke shape. – Two lines converging, as in the corners of a square or rectangle, to set the shape of the line join, from the Stroke Line Join drop-down menu, select a line join shape.
5 Overview of Graphics Editor Overview of Elements 5.13.16.4 Aligning Elements to the Left You are in Design or Test mode, you have two or more elements selected, and you want to align the elements to the left. 1. From the canvas, select the elements you want to align left. 2. On the Home tab, in the Selection group, click Left . The selected elements are aligned with the left edge of the element farthest to the left. 5.13.16.
Overview of Graphics Editor Working with Element Types 5.13.16.8 5 Aligning Elements Vertically You are in Design or Test mode, you have three or more elements selected, and you want to space the elements evenly along a vertical plane. 1. From the canvas, select the elements you want to align vertically. 2. On the Home tab, in the Selection group, click Align Vertical . The selected elements are evenly spaced along the y-axis. 5.13.16.
5 Overview of Graphics Editor Working with Element Types 5.14.2 5.14.2.1 Working with Animation Inserting an Animation Element 1. On the Home tab, in the Elements group, click Animation . An animation element is created on the active canvas or graphic. 2. In the Properties view (SymbolInstance Properties), navigate to the Symbol Instance. 3. From the Symbol Reference property, click , to display the Library Browser view. 4.
Overview of Graphics Editor Working with Element Types 5.14.4.2 5 Creating an Arc from an Ellipse You have a graphic open and have selected an ellipse element on the canvas. 1. Under the Ellipse Properties view, navigate to the Ellipse properties. 2. From the Ellipse Type drop-down menu, select Arc. The control handles and the extent rectangle display around the element. 3.
5 Overview of Graphics Editor Working with Element Types 5.14.6 Position Size Rotation Background color Import .XML Element The import .XML image element allows you to insert a .XML image file onto the canvas. .XML images can be stretched and clipped. The following .XML file types are supported and can be imported to the Graphics Editor: .XAML .XPS .DWFX An image element has the following handles attached to it: Selection and Resizing (open\closed) Rotational 5.14.7 Line Element 5.
Overview of Graphics Editor Working with Element Types 5.14.8.2 5 Converting a Line Element You are in Design or Test mode and you have line element on the active canvas you want to modify into one of the three path element options: Arc, Cubic or Quadratic Bezier. Or, if you want to split the line. 1. Select the line element you want to modify. The line element is active on the canvas. 2. Right click on the mid-segment icon of the line element. The context menu displays.
5 Overview of Graphics Editor Working with Element Types 2. Click on the canvas and drag the crosshairs to draw a text box. When you release the mouse button, a text box is created, the word Text is displayed and highlighted in the text box. 3. Double-click the text element and type the desired text. In the Properties view changes to Text Properties view, and the Text field automatically displays the text as it is typed on the canvas. 4.
Overview of Graphics Editor Working with Element Types 5.14.10.3 5 Editing a Text Element You are in Design or Test mode and have a graphic open that contains a text element you want to edit. 1. Do one of the following: – To modify the text on the canvas - Double-click on the text element and modify the text as needed.
5 Overview of Graphics Editor Working with Element Types A path element can also contain one or more path figures, when selected from the Right mouse-click context menu. These elements are path elements within a path that have their own control handles, including a Start and End handle. Path Handles and Functionality. Icon Handle Names Description Start Handle Marks the beginning of a line or path segment. End Handle Marks the end of a line or path segment.
Overview of Graphics Editor Working with Element Types 5.14.12 Working with the Path Element 5.14.12.1 Drawing with the Path Element 5 You are in Design or Test mode, have an open canvas and you want to draw a Path element. 1. From the Home tab, click Path . The mouse changes to a cross-hair cursor . 2. Click on the canvas and drag the crosshairs to draw your first line segment. Click on the canvas to change direction and add a new line segment.
5 Overview of Graphics Editor Working with Element Types – Place the mouse over the segment point on the path you want to move at an angle. When the hand-cursor displays, press CTRL and then click-and-drag the segment. The segment moves in 45 degree increments to the new location. To Move a Mid-Segment Point – Click-and-drag the mid segment point to move the entire segment, including the Start and End points.
Overview of Graphics Editor 5 Working with Element Types 5.14.12.5 Modifying a Cubic Bezier Cubic Bezier segments can be modified be moving its Start point (green) or its End point (red) by clicking and dragging them with the mouse. The two blue control of the cubic Bezier control the smooth curve separately. 5.14.12.6 Click-and-drag the circular blue control handle until you have the desired curve.
5 Overview of Graphics Editor Working with Element Types 5.14.12.9 Intersecting Elements You are in Design or Test mode, and want to combine two or more elements to create a new, separate path element shaped by the overlapping portions of two elements. 1. From the canvas, select the elements you want to merge together. 2. On the Home tab, in the Selection group, click the Combine Intersection icon. A new path element shaped like the overlapping areas of the two elements is created. 3.
Overview of Graphics Editor Working with Element Types 5 A polygon element with no Corner Offset A polygon element with the Corner Offset set to „30“ 5.14.14 5.14.14.1 Working with the Polygon Element Drawing a Polygon You are in Design or Test mode and have a graphic open. 1. On the Home tab, in the Elements group, click Polygon The mouse changes to a cross-hair cursor . . 2. Click on the canvas and drag until the desired polygon is created, and then release the mouse button.
5 Overview of Graphics Editor Working with Element Types The rectangle element has the following handles attached to it: Selection and Resizing Rotational Cornering Radius 5.14.16 5.14.16.1 Working with the Rectangle Element Drawing a Rectangle You are in Design or Test mode and have a graphic open. 1. On the Home tab, in the Elements group, click Rectangle. The mouse changes to a cross-hair cursor . 2. Click on the canvas and drag until the desired rectangle or square is created.
Overview of Graphics Editor Working with Element Types 5.14.17 5 Import Raster Image Element The import image element allows you to insert any of the following graphic file types onto the canvas: BMP JPG TIFF, TIF PNG Once an image file is inserted onto the canvas, the following properties of the image can be modified: Position Size Rotation Background color Clip TIP You can also import images directly via the clipboard.
5 Overview of Graphics Editor Formatting Elements 5.14.18.2 Importing XAML, XPS, and DWF Files You are in Design or Test mode, a graphic is open on the canvas, and you would like to insert a XAML, XPS, or DWF file into the graphic. 1. On the Home tab, from the Elements group, click . 2. From the Open dialog box, select the file you want to import. 3. Select Open. The file is imported to the active graphic and placed in the upper left-hand corner of the canvas. 4.
Overview of Graphics Editor Formatting Elements 5 scrollbars display allowing you to scroll through the text. This is the default wrapping property. Wrap – This option automatically wraps the text within the bounding rectangles. The text wraps as soon as the first character exceeds the boundary. Wrap with Overflow – This option does not separate words, but rather wraps the word to the next line if it exceeds the boundary.
5 Overview of Graphics Editor Formatting Elements Working with Numbers: Precision, Decimal Offset, and Units Text elements that contain numbers (for example, values of data points), can use the three Text properties that are specifically intended for formatting numbers. The Precision property, allows you to specifically set the maximum number of digits allowed for numeric data types. The higher the precision value entered, the more decimal places display.
Overview of Graphics Editor Formatting Elements 5.15.2 5 About Stroke Stroke describes the formatting applied to a drawing element’s lines or borders. You can apply a number of different strokes to an element depending on what kind of lines or elements you are working with. Measurement for the stroke width, dashes, and spacing is usually measured in pixels. Most of the stroke formatting properties can be applied from the Stroke group or, through the Properties view, under the Stroke property.
5 Overview of Graphics Editor Formatting Elements Arrow Start and End Shape You can create a line that has an arrowhead at the start, end, or both ends, of a line. To configure a line with an arrowhead you use the Arrow Start and Arrow End Shape properties from the Properties view, Stroke group. These properties are not available from the ribbon’s Stroke group. 5.15.3 5.15.3.
Overview of Graphics Editor The Element Tree and Layers 5.16 5.16.1 5 The Element Tree and Layers Element Tree View The Element Tree view allows you to work with a selected depth and layers to create complex graphics that represent your site or building facility. The Element Tree displays all the layers and associated drawing elements of the selected graphic or Symbol and also allows you to add or delete layers from the active graphic.
5 Overview of Graphics Editor The Element Tree and Layers 5.16.1.1 Element Tree View The Element Tree displays all the layers and associated drawing elements of the selected graphic or symbol and also allows you to add or delete layers from the active graphic. Elements within a layer can be ordered using the positioning arrows at the bottom of the view. Within the Element Tree you can also decide which layers, depths, or elements to display in Runtime or Design mode.
Overview of Graphics Editor The Element Tree and Layers 5 If checked, the layer is visible in any of the Graphic Editor’s modes. If unchecked, the layer or element is not visible in any of the modes. NOTE: This check box has no bearing on what is visible in the Graphics Viewer. Visible Lock an element so that it can’t be selected or edited. Lock Click on a layer or element from a layer and only see the associated content associated with that layer.
5 Overview of Graphics Editor The Element Tree and Layers 5.16.2.2 Deleting Elements from the Element Tree An element can be deleted from the Element Tree, unless it is the last remaining layer in the tree or it, and any of its child elements are locked. You have a graphic open in Design or Test mode to which you want to add a layer. 1. Expand the Element Tree View. 2. Within the view, select and right-click on the element you want to delete, and then select Delete.
Overview of Graphics Editor The Element Tree and Layers 5.16.3 5 About Layers Layers are the building blocks of large graphics representing equipment, floors, buildings, facilities and entire campuses. Each layer of a graphic represents a grouping of graphical elements or system objects and has a unique name. Layers are combined and organized in different ways to create all the required views at a page level.
5 Overview of Graphics Editor The Element Tree and Layers Semi-Transparent Layers Each layer can have a background color associated with it. The color of the background is chosen using the Background property of the Colors category. If a semitransparent color is used, the elements on the layer are visible. If a non-transparent color is used, the elements on the layer are not visible. 5.16.4 5.16.4.
Overview of Graphics Editor The Element Tree and Layers 5.16.4.3 5 Deleting a Layer You have a graphic open and want to delete a delete a layer from the graphic. 1. In the Element Tree view, navigate to and click on the layer you want to delete. 2. Click on the Delete Selection icon . The selected layer is deleted from the Element Tree list and from the active graphic. Any elements that on the layer, are also deleted. 5.16.4.
5 Overview of Graphics Editor Working with the Brush View and Brushes Group 5.17 5.17.1 Working with the Brush View and Brushes Group Brush View and Brushes Group Overview Brush view—one of many views available in the Graphics Editor—allows you to modify your drawing elements with options such as colors, gradients, light angles, and other special effects to achieve a truly custom look.
Overview of Graphics Editor Working with the Brush View and Brushes Group 5 You can achieve additional special effects with a gradient fill by employing the Mapping Mode options (Padded, Reflect, or Repeat), the Adorners options, and the Angle Control option—which allows you to choose the angle of the light for a gradient fill. Copy and Paste The copy and paste functions allow you to copy the content of one element and paste it into one or more selected elements.
5 Overview of Graphics Editor Working with the Brush View and Brushes Group – – – 5.17.3 Fill Stroke Background Graphic Properties – Background color – Grid and Guideline colors Blinking supported Expressions and Substitutions in the Evaluation Editor – Value field – Expression Field – Use double quotes when entering Text Group reference.
Overview of Graphics Editor Working with the Brush View and Brushes Group 5 General Settings – Brush Editor View Brush Editor Top Item Description 1 Base Color Palette Display the sixteen base colors for graphics you can choose from. 2 Brush Bar Select from the available brush types and tools available for working with the Selected elements, canvas, and work area. Also allows the user to select linear and radial gradient fill options, copy and paste features, and revert to the last brush.
5 Overview of Graphics Editor Working with the Brush View and Brushes Group Main Brush The main brush reflects the current color(s) and brush settings applied to the selected element(s) on the canvas. Main Brush and Blink Brush When the Toggle Blinking Brush is selected, the Main Brush icon splits into two panes and displays the main brush color and then the blink brush color. Solid Color Brush Apply a single solid color without any blending, etc. Linear Gradient Brush Blend colors along a straight path.
Overview of Graphics Editor Working with the Brush View and Brushes Group 7 5 Current Color and Initial Color Initial Color Displays the current color on the left, and the initial (previous) color selected. Gradient Option Settings – Brush Editor View Brush Editor View – Gradient Options 8 Spread Mode Options Select padded, reflect, or repeat for a variety of visual gradient effects.
5 Overview of Graphics Editor Working with the Brush View and Brushes Group 5.17.4 5.17.4.1 Brush Editor View Tasks Applying Background Color Using the Brush Editor View You are in Design or Test mode and have a graphic open. 1. Select the drawing element or elements you want to apply background color. 2. Navigate to the Brush Editor view. 3. From the Brush bar at the top of the Brush view, click Background . 4. From the Base Color chart, select the color you want to use as a fill.
Overview of Graphics Editor Working with the Brush View and Brushes Group 5 7. By default the Start and End light source parameters are set so that they are relative to the element size. To maintain the position of the light source, regardless off the element size, click the Absolute check box. 8. To define the vector Start and End points of the light, choose from one of the following methods: 5.17.4.4 – Enter values directly in the associated fields.
5 Overview of Graphics Editor Working with the Brush View and Brushes Group 3. From the Brush bar at the top of the Brush Editor view, click Stroke . The stroke is applied to the drawing element. 5.17.4.6 Copying and Pasting a Brush You are in Design or Test mode and have a graphic open. 1. Select the drawing element from where you want to copy the brush. 2. Navigate to the Brush Editor view. 3. From the Brush bar at the bottom of the Brush Editor view, click Copy Brush . 4.
Overview of Graphics Editor Working with the Brush View and Brushes Group 5.17.4.8 5 Setting HSV You want to change an element’s fill, stroke, or background color, you are in Design or Test mode, and you have a graphic open. 1. Select the drawing element you want to set HSV for a fill or stroke of an element. 2. Select the Brush Editor view. 3. From the Brush bar, select the appropriate brush to apply to the element. The Brush Editor view color features are enabled and display.
5 Overview of Graphics Editor Working with the Brush View and Brushes Group 5.17.5 5.17.5.1 Brushes Group Tasks Applying Fills Using the Brushes Group You are in Design or Test mode and have a graphic open. 1. Select the drawing element or elements you want to fill. 2. On the Home tab, from the Brushes group, click on the drop-down menu next to the Fill icon The Base Color chart displays. 3. Select the color you want to use as a fill. The fill is applied to the drawing element.
Overview of Graphics Editor About Evaluations and Element Properties 5.17.5.3 5 Applying Background Color Using the Brushes Group You are in Design or Test mode and have a graphic open. 1. Select the drawing element or elements to which you want to apply background color. 2. On the Home tab, from the Brushes group, click on the drop-down menu next to the Background icon . The Base Color chart displays. 3. Select the color you want to use as the background color.
5 Overview of Graphics Editor About Evaluations and Element Properties Expressions consist of a data point reference, for example, an object name or value followed by an optional operator with a second data point or value. This allows you to have simple comparisons or calculations as well as use constant literals.
Overview of Graphics Editor About Evaluations and Element Properties 5 multiple range conditions for each property expression. If a minimum or maximum range is blank, the value is taken from the expression range. Discrete Discrete evaluations allow you to map the expression result to one or more conditions. However, unlike the linear evaluation, the conditions of the expression are evaluated and processed in order of priority from top-to-bottom in the Evaluation Editor view.
5 Overview of Graphics Editor About Evaluations and Element Properties For example, If you have an element in a Symbol that is invisible (the Visible property is deselected) by default, you can create a Discrete evaluation that allows the element to be visible under certain circumstances. In our evaluation below, the Expression field contains the data point, and the Function Type filter is applied.
Overview of Graphics Editor About Evaluations and Element Properties 5 Local Variables and Functions Applied Globally All graphic scripts within the same System Manager use the same script engine. This means that all local variables and Functions actually have the same global scope.
5 Overview of Graphics Editor About Evaluations and Element Properties Read("System1.LogicalView:Logical.Site'AS 01.B.Ahu10.FanSu;.SetPoint") (Read("System1.LogicalView:Logical.Site'AS Displays the average value between the two 01.A;.Value") + properties. Read("System1.LogicalView:Logical.Site'AS 01.B;.Value")/ 2 Read() Drag-and-Drop Support You can drop a data point reference from System Browser anywhere in the multiline Script field.
Overview of Graphics Editor About Evaluations and Element Properties 5 point 1 or data point 2 99. This displays if neither data point or property exists.. Read("xyz?dp1") + Read("xyz?abc?4") The value of data point 1 + 4 Read("dp1?") + Read("xyz") Null. The element is hidden, even if data point 2 exists. Trace Method The Graphic.Scripting channel must be enabled in the Cerberus DMS Trace Viewer application for the Trace method to work.
5 Overview of Graphics Editor About Evaluations and Element Properties Curly Brackets and Substitutions Curly brackets are reserved for substitutions and the substitutions are resolved prior to the Script evaluation. Therefore, when a curly bracket is part of the Script, two curly brackets are used. Curly Brackets\Substitutions Expression Result var result = 1; 3 if (true) {{ var x = 2; result += x; }} result; var f1 = function() Ab {{ var result="a"; if (false) return "x"; return result + "b"; }} f
Overview of Graphics Editor About Evaluations and Element Properties 5 Use scripts for Symbol in a graphic. However, do not use a script if the Symbol is displayed in a graphic more than 5 times, this number includes all nested Symbols. Use scripts to remove elements from a Symbol. Use scripts to reduce the number of substitutions, evaluations or conditions. Limit the number of Read() calls. Limit the number of if or while statements. Scripts should be simple as opposed to complex.
5 Overview of Graphics Editor About Evaluations and Element Properties 5.18.7 Condition Syntax Each evaluation type requires specific input and syntax for the Condition field. Linear Valid syntax and input include double or integer values. The Condition field can also be left blank, in which case the expression range is used. Discrete The following table shows examples of valid syntax for the Condition fields associated with Discrete evaluations. Condition Example Condition is ... 12.
Overview of Graphics Editor 5 About Evaluations and Element Properties 5.18.8 0 for integer, double, or any other analog types Empty string or “0” for string types. Understanding Binary Encoding Analog data points use a range of values to represent a condition which has more than two states, for example, the temperature data point or damper position. Analog data points use a range of values to represent the information.
5 Overview of Graphics Editor About Evaluations and Element Properties 0110 06 6 1110 14 E 0111 07 7 1111 15 F Converting a Hexadecimal to a decimal We are working with the hexadecimal value: 2A. This value, according to the table above represents the nibble values of: 2 and 10. Since the hexadecimal values are based on 16 digits, to get the decimal value, it is necessary to multiply 2 and 10 by their position weight values and add them up.
Overview of Graphics Editor About Evaluations and Element Properties 5 217 Siemens Industry, Inc. Building Technologies Graphics Editor Version 2.
5 Overview of Graphics Editor About Evaluations and Element Properties 5.18.9.2 Linear Examples Linear Examples Examples of how the Linear Evaluation can be used: Example 1: The fill color of a rectangle is used to reflect the current water temperature. You can enable the Auto Range check box, and set the minimum and maximum temperature in Expression field.
Overview of Graphics Editor About Evaluations and Element Properties 5 Result According to these conditions, see example below, the background color of the data point changes as follows: Red, if the first bit is set to “1”, and when the actual value of dp2 is 1, 3, or any other odd number, the condition is true. Green, if the bits “2”, “4”, and “6” are set to “1”.
5 Overview of Graphics Editor About Evaluations and Element Properties 5.18.9.5 In the third condition, if the expression result for the digital data point BP2 is True and data point BP3 is False, the Triangle attribute is applied to the property Stroke Dash Cap. A fourth condition with all check boxes set to “unspecified” could also have been added. If the expression value results in any other combination, the condition automatically applies the default value of the Stroke Dash Cap.
Overview of Graphics Editor About Evaluations and Element Properties 5 5.18.9.5.2 Script Example 2 This example also uses a Discrete type of evaluation with Conditions. However, the script declares and uses substitution variables in the script to determine which Condition is applied to the Fill color. . 221 Siemens Industry, Inc. Building Technologies Graphics Editor Version 2.
5 Overview of Graphics Editor About Evaluations and Element Properties /* The variables used in the script must first be declared. The first two variables are ActualTemp and SetPointTemp.*/ var ActualTemp = Read("{*}"); /*Substitution reads default Object Reference by looking at the value derived from the property of a data point.*/ var SetPointTemp = Read("{SetPoint}"); /*The value is derived by looking at whatever value was entered for the substition.
Overview of Graphics Editor About Evaluations and Element Properties 5 /*This scope block states, that if the TemperatureDifference value is greater than or equal to 6, then, the ColorValue is set to "1", which in the section of the evaluation conditions is equal to the color #FFCB1737.
5 Overview of Graphics Editor About Evaluations and Element Properties 5.18.9.5.3 Script Example 3 This example, is a more complicated use of Script for the original scenario. In this example, a Simple evaluation is used. Therefore, unlike the Script Examples 1 and 2, this example does not use the Condition fields. Instead, the script is used to create the hexadecimal color value for the Fill color depending on the temperature difference of the room. /*The variables for the evaluations are declared.
Overview of Graphics Editor About Evaluations and Element Properties 5 var ColorValue = "#" + "00"; /*Declare the initial value of the color with the Alpha Channel initialized and "0" opacity in hexadecimal notation.*/ /*The evaluations begin.*/ if(TemperatureDifference >3) /*If the temperature difference is greater than "3". Now determining an opacity for the color "red"*/ {{ var OpacityValue = Math.abs(255*ActualTemp)/Range); /*absolute value established to obtain an opacity value.
5 Overview of Graphics Editor Working with Evaluations and Element Properties 5.19 5.19.1 Working with Evaluations and Element Properties Properties View The Properties view displays all the properties of the active canvas or a selected graphic element on the canvas. The title bar text of the Properties view changes to reflect the name of the selected element, and the associated properties are displayed by category in the view. Properties can also be filtered to display by property name or by a value.
Overview of Graphics Editor Working with Evaluations and Element Properties 5 delete the entered text and restart your search. 3 Show Property Detail Button Enables the Property Detail Sub-section of the Property view. When Show Property Detail is enabled, at the bottom of the Property view, details about the selected property displays, such as property type, allowable values, the default setting, and property description. 4 Category\Property List Area Displays the properties and their settings asso
5 Overview of Graphics Editor Working with Evaluations and Element Properties 5.19.2.2 Setting the Tooltip Property You are in Design or Test mode, and have elements on the active canvas you want to add tooltips to. In the Properties view, navigate to the General category and enter the desired tooltip text into the Tooltip property field. When you are in Runtime mode and move the mouse over the element, the tooltip now displays in with a yellow background. 5.19.2.
Overview of Graphics Editor Working with Evaluations and Element Properties 5.19.3 5 About Animation Animation is the visualization of a change and can be used to show moving units, flashing lights, and rotating elements. The visualization of change is represented by displaying images, Symbols, based on a data point’s state or value range. All element properties in the Graphics Editor can be configured for animation using the animation element.
5 Overview of Graphics Editor Working with Evaluations and Element Properties Position The position, as set by the X and Y properties, of a Symbol instance does not change when the resulting Symbol instance that is displayed on the canvas is updated due to changes in the Symbol Reference property, for example, after a data point COV. The anchor is used to specify the logical origin of the Symbol when it is displayed as an instance on the canvas.
Overview of Graphics Editor Working with Evaluations and Element Properties 5 Expression Section Evaluation Editor Item Description Expand/Collapse Button Expand and collapse the Evaluation Editor view. Property Select from a list of properties in the drop-down menu. The properties listed are all associated with the active element or object on the canvas. The property selected is affected by the evaluation. Type Select and display the type of evaluation to apply to the selected element property.
5 Overview of Graphics Editor Working with Evaluations and Element Properties the path. For example, the following is the path to data point AI_1: System1.ManagementView:ManagementView.FieldNetworks. BACnetNetwork_1.Hardware.TECDevice_1.Local_IO.AI_1; The default property above is .Present_Value. To specify a specific data point property, type “.Property_Name” at the end of the data point path, after the “;”. For example, System1.ManagementView:ManagementView.FieldNetworks. BACnetNetwork_1.Hardware.
Overview of Graphics Editor Working with Evaluations and Element Properties 5 Linear Evaluation Editor Section Linear Evaluation Fields Item Description Range Display the minimum and maximum range applied to the expression value. If the expression value falls below the Min value, then the associated Value is applied to the property evaluated. If the expression value is higher than the Max range, than that Value is applied to the property.
5 Overview of Graphics Editor Working with Evaluations and Element Properties Discrete Editor Evaluation Section Discrete Evaluation Fields Item Description Condition Display a range or threshold, when met by the expression result, applies the associated Value to the property evaluation. Multiple conditions are supported. 234 Siemens Industry, Inc. Building Technologies Graphics Editor Version 2.
Overview of Graphics Editor Working with Evaluations and Element Properties 5 Animation Editor Evaluation Section Animated Evaluated Fields Item Description Frame The frame number. Value The value that is applied to the expression result during that frame interval. Animation Interval The interval time between frames in mille-seconds when animated. The value must be greater than or equal to 100. 235 Siemens Industry, Inc. Building Technologies Graphics Editor Version 2.
5 Overview of Graphics Editor Working with Evaluations and Element Properties Multi Evaluation Editor Section Multi Evaluated Fields 5.19.5 5.19.5.1 Item Description Condition Associates one check box per expression, indicating whether an expression is true, false, or unspecified. If a condition(s) are true, the associated Value is applied from left (top) to right (bottom) expression. One checkbox per expression displays for each condition.
Overview of Graphics Editor Working with Evaluations and Element Properties 5.19.5.2 – Defining a Simple Evaluation [➙ 237] – Defining a Linear Evaluation [➙ 237] – Defining a Discrete Evaluation [➙ 237] – Defining a Multi Evaluation [➙ 238] – Defining an Animated Evaluation [➙ 238] 5 Defining a Simple Evaluation You are in the Evaluation Editor, and have selected Type > Simple. 5.19.5.
5 Overview of Graphics Editor Working with Evaluations and Element Properties 5.19.5.4 Defining a Discrete Evaluation You are in the Evaluation Editor and have selected Type > Discrete. 1. In the Expression field, enter a data point name or address of a system object. For help with expression syntax, see Expression Syntax. 2. For each Condition, enter a value range and enter or select an associated Value to apply if the condition is met. Add and repeat for each condition as needed. 3.
Overview of Graphics Editor Working with Coverage Area – Checked – Unchecked – Filled 5 = condition is true. = condition is false. = condition is neither true nor false (unspecified) and the corresponding expression is ignored. 5. Sort the conditions in order of preference, using the arrow button at the bottom of the view. 6. On the Home tab, from the Modes group, select Test. 7. Navigate to the Value Simulator view and complete the fields to configure a simulation.
5 Overview of Graphics Editor Working with Coverage Area When a graphic containing a coverage area is displayed in the Graphics Viewer, the coverage area of the devices are not visible by default. You must toggle the Coverage Area icon from the Graphics Viewer toolbar to view the coverage area of any monitoring device on the graphic. 5.20.1 Association of Documents in Coverage Area 5.20.2 Configuring Coverage Area Library Symbols You can associate documents with system objects in the coverage area.
Overview of Graphics Editor Working with Coverage Area 5 When you create a coverage area Symbol, you must make sure to give each coverage area shape a unique ID within the Symbol. Giving the coverage area shape an ID, allows the user, who is eventually creating a graphic with the Symbol, to modify the coverage area shape within the Symbol Instance. It is also recommended that prior to working with coverage area you have a good understanding of Symbol substitions and property evaluations.
5 Overview of Graphics Editor Working with Coverage Area – In the Evaluation Editor - From the Property drop-down menu, select Coverage Area Reference. In the Expression field, enter the coverage area reference or a substitution enclosed with double quotes for example: "{*objectref}" This allows you to bind the element to an Object Model. 6. In the Properties View, from the General section, do the following: – In the Tooltip field, type a label for the coverage area.
Overview of Graphics Editor Working with Coverage Area 5 The Symbol Browser displays in the secondary pane, and displays the Symbols from the folder you selected in System Browser. 7. Drag the Symbol you want to associate to the Object Model and drop it into the Symbols section of the Models and Function pane. The Symbol is now associated with the Object Model. 8.
5 Overview of Graphics Editor Working with Value Simulation 4. To add color to the coverage area, go to the Home tab, select the Brush Editor group, select and then select a color. TIP: To revert back to the default state of the Symbol Instance, right-click and select Revert to Default. All changes to the Symbol Instance are cleared. Additionally, if you hover over the arrow, it lists the changes made to the elements within the Symbol Instance. 5.
Overview of Graphics Editor Working with Value Simulation 5 Types of Cycle Selections: You can choose the type of simulation you to use based on mathematical wave graphs. You can set the Sample Rate and the Cycle rate, which is the number of complete cycles passing a given point in one second (or the customized time) and is measured in Hertz. The wave type choices are as follows: Cosine: A cycle that represents the orthogonal projection of the rotated Unit Circle, starting at 1.
5 Overview of Graphics Editor Working with Value Simulation Value Simulator View Field Description Automatic Section Run Value Simulator Select this option to run the automatic simulation of data points or values associated with element properties. If the check box is cleared, simulation will not be run on the data points. Type Drop-Down Menu Select a simulation type, view the simulation type selected, and adjust the Sample Rate and Cycle of the simulation values.
Overview of Graphics Editor Working with Value Simulation 5 simulation is ignored. 5.21.3 5.21.3.1 Max Display the maximum range of the data point. If the Maximum range is empty, NAN displays in the field, and the simulation is ignored. Units Enter a measure of units for the data point. Status Select a condition to apply to a data point from the drop-down menu or view the last current status of a data point.
5 Overview of Graphics Editor About Depths 6. The Object Selection and Control section displays a list of all the available data points in the graphic. Check the Simulate box for the data points you want to include in the simulation. 7. Optional. In the Graphic Template section, drag-and-drop a data point instance from System Browser to the Object Reference field. The object reference is not stored in the graphic template, it is purely for testing.
Overview of Graphics Editor About Depths 5.22.2 5 Depths View The Depths view allows you create, rename, and delete a depth, re-order multiple depths, and to change the display size and Symbol scale factor properties of a depth. You can view a list of depths associated with the active canvas and move them up or down to order them. The width of the Depths Overview View columns can be adjusted manually.
5 Overview of Graphics Editor About Depths 5.22.3 5.22.3.1 Working with Depths Adding a Depth You are in Design or Test mode and want to add a depth to the active graphic. 1. From the Depths view, click Insert New Depth . A new depth and a new layer associated with the depth are added to the list of depths in the Depths view, the Element Tree, and the active graphic. 2.
Overview of Graphics Editor Overview of Printing 5 From the Depths view, click on the current name of the depth and then type the new name. The depth is named or renamed. 5.23 Overview of Printing You can print your documents (Symbols, graphics, templates, etc.) from the Graphics Editor. There are several views and panes that allow you to select what to print, how to format the printed copy and to preview the document before sending it to the printer.
5 Overview of Graphics Editor Overview of Printing areas to use elsewhere. You can also right-click on the displayed document in the preview pane to access the context menu to access the viewing options. Image Library The Image Library pane, lists the available images for inserting into your printed document’s header or footer. You can also add or delete images from the library. The Image Library is accessible via the Page Setup view in the Header and Footer section. 5.23.
Overview of Graphics Editor Overview of Printing 5.23.2.1 5 Page Setup View Page Setup Pane Section Field Description Documents Look In Select a print option from the drop-down menu to choose what to print: Current Document – Prints the active document. All Open Documents – Prints all open documents. NOTE: When either one of the above options are selected, the Type and Name options are inactive. Entire Project – Allows you to print all project documents, and any open graphics.
5 Overview of Graphics Editor Overview of Printing NOTE: Disabled if Current Document is selected. Zoom Fit to Page Print Only Visible Part Print only the area of the current document that is visible and has the current focus. NOTE: In the Graphics Viewer this feature is enabled by default. 100% View the document at a 100% zoom-factor. Custom Enter a value to adjust the zoom-factor rate at which you want to view the document.
Overview of Graphics Editor Overview of Printing 5 modified shape is not set or transparent, it is also set to black. Header and Footer Graphic Mode Print documents in the following modes: In Design Mode, the document prints: Without animation Invisible elements Grid and guidelines, if enabled Content outside the graphic boundaries In Runtime, the document prints: Animation, without actual values – values set to zero for printing purposes.
5 Overview of Graphics Editor Overview of Printing Library [➙ 256] into the Header or Footer fields. Image Library 5.23.2.2 Open the Image Library and allows you to add, modify, or delete images that can be inserted in the Header or Footer fields. Print Setup Toolbar Default Click this button to return to the default Page Setup settings and disregard any selections made. Export Save the current settings as a page setup (.xml) file for future use.
Overview of Graphics Editor Overview of Printing 5.23.2.3 5 Paste Replaces the image data of the selected image with the bitmap in the clipboard. The Bitmap Transparency [➙ 66] color is applied. Preview Display the currently selected image from the Images list. Enable Fill check box to have the entire image displayed in the header or footer. OK Save any changes made in the Image Library and closes the pane.
5 Overview of Graphics Editor Overview of Printing 5.23.3 5.23.3.1 Working with Printing Aligning a Graphic on the Print Page You can specify how you want to align documents images on a printed page. 1. On the Home tab, in Printing group, click Page Setup The Page Setup view displays. . 2. From the Alignment section, click on one of the nine squares to specify the location of the image on the printed page. The Sample Graphic thumbnail is updated to display selected alignment. 3.
Overview of Graphics Editor Overview of Printing 2. Click the expander arrow 5 of the Header and Footer section, and do the following: 5.23.3.4 – Click the Header and Footer check boxes, respectively, to enable as necessary. – To add keywords to the header or the footer - Click in the appropriate field and position the cursor where you want to add a keyword. From the Keywords drop-down menu, select the keyword you want to add and click Insert.
5 Overview of Graphics Editor Overview of Printing 5.23.3.6 Printing Documents You have a document (graphic, Symbol, or template) open and you have made any print or page setup selections, if necessary, from the Page Setup view. NOTE: It is not possible to print manual or automatic pages. 1. On the Home tab, in the Printing group, click Print . The Print Progress bar shows the loading progress and then the Print dialog box displays. 2. Make your selections and click Print.
Overview of Graphics Editor Overview of Printing 5.23.3.9 5 Working with the Image Library Window You want to add or delete images from the Image Library, a repository which contains the images available to add to a header or footer. 1. On the Home tab, in the Printing group, click Page Setup The Page Setup view displays. . 2. Click the expander arrow to expand the Header and Footer section. The Header and Footer fields display. 3. Click the Image Library Edit button.
5 Overview of Graphics Editor Graphics Editor Appendix 5.24 5.24.1 5.24.1.1 Graphics Editor Appendix Context Menus The Graphics application allows you to access context menus that display commands to help you to either edit objects and elements on the canvas, or work with and manage the various views. Graphic Context Menu The Graphic context menu displays when you right-click anywhere on the white space of the active canvas in Design, Test, or Runtime mode.
Overview of Graphics Editor Graphics Editor Appendix 5.24.1.3 5 Selection Context Menu The Selection context menu displays when you right-click on an element in the Element Tree view or on the canvas in Design or Test mode of the Graphics Editor. It allows you perform common editing, formatting, aligning, and grouping tasks. Selection Context Menu Item Description Repeat Repeat the last action performed. Cut Delete selected graphic elements and copies them to the clipboard.
5 Overview of Graphics Editor Graphics Editor Appendix Combine Union – Combines= all parts of two elements into one path element. Intersection - Create a new path element shaped by the overlapping portions of two elements. Exclude Overlap - Combines two elements to create a new path element. Any overlapping portions are excluded. The excluded portion is transparent.
Overview of Graphics Editor Graphics Editor Appendix ClipBottom, ClipLeft , ClipRight, ClipTop x Description x EllipseType x EndAngle, StartAngle x Fill Color x FlipX, FlipY x Font Family, FontSize x GlowColor, GlowNoise, GlowOPacity, GlowSize x Horizontal Text Alignment x Locked x IsArcClosed x RadiusX, RadiusY x ShadowColor, ShadowDepth, ShadowDirection x Opacity x Stretch x TextType, Trimming, Vertical TextAlignment, Wrapping x StrokeColor, StrokeDashArray, StrokeDashCap,
5 Overview of Graphics Editor Graphics Editor Appendix 5.24.1.6 Library Browser Context Menu The Library Browser context menu is available when you right-click on a Symbol in the Library Browser. Library Browser Context Menu 5.24.1.7 Item Description Insert Insert a Symbol instance onto the active canvas. Copy Reference Copy the Library and Symbol name. Delete Deletes the selected Symbol or graphic template from the project library. Edit Edit the selected Symbol.
Overview of Graphics Editor Graphics Editor Appendix 5.24.1.9 Check Start the selected task. Errors are listed in the Findings section. Pause Temporarily stop the active task. Stop Terminate the active task. Kill Terminate the active task. Fix Enable the tool to correct any errors found. Clear Findings Clear the list of errors in the Findings section. Unload Remove the selected task from the Task section. Unload all of same assembly Remove all the tasks from the same .
5 Overview of Graphics Editor Graphics Editor Appendix 5.24.2.2 Add/remove the item to/from the selection. CTRL+Click All elements between the first clicked and last clicked element will be highlighted. SHIFT+Click Element Keyboard Shortcuts The following keyboard shortcuts are available when you are working with elements on the active canvas: Element Keyboard Shortcuts To... Press… Select all the elements on the active canvas.
Overview of Graphics Editor Graphics Editor Appendix 5 resizing a selected text element and maintain ratio to current element size F key. Enable font-stretching while resizing a text element The font size aspect ratio adjusts to the element size. Element Keyboard and Mouse Shortcuts To...
5 Overview of Graphics Editor Graphics Editor Appendix 5.24.2.5 Draw Keyboard and Mouse Shortcuts From the Home tab, in the Elements group, you have already selected the element you want to draw on the canvas. Move Keyboard and Mouse Shortcuts To... Press… Draw element and snap-to-grid (if enabled) CLICK and Draw element Draw squares and paths with 45 degree angles CTRL+Draw Draw element and ignore snap-to- SHIFT and DRAG element grid, if enabled 5.24.2.
Overview of Graphics Editor Graphics Editor Appendix 5.24.2.8 5 Resize Keyboard and Mouse Shortcuts You can resize elements and snap to grid, by enabling the Snap, Display Grid, and Display Guidelines tasks from the ribbon’s View tab > Workspace group. From the Graphic Properties (Properties View) you can also select Lines or Markers for your Grid Style. Resize Keyboard and Mouse Shortcuts To...
5 Overview of Graphics Editor Graphics Editor Appendix 5.24.2.11 Rubberband Key and Mouse Shortcuts Rubberband Keyboard and Mouse Shortcuts To...
Overview of Graphics Editor Graphics Editor Appendix 5.24.2.15 Accept changes ENTER Undo ESC 5 Path Shortcuts The following keyboard shortcuts are available when you are using the Path element to draw shapes on the canvas. With the crosshair mouse on the canvas, you can press a key to specify the path segment type. Path Keyboard Shortcuts To Draw…. 5.24.3 Press… Polyline segment, default for every Path drawn.
5 Overview of Graphics Editor Graphics Editor Appendix 5.24.4 5.24.4.1 Element and Graphic Properties 3D Effects 3D Effects Properties 5.24.4.2 Property Description Shadow Color Specify a color for the shadow by typing a color name or using a hexadecimal color code. The default color is FF000000 (black). Shadow Depth Enter a value to specify how far or close the shadow should display to the element. Shadow Direction Enter a value to set where the shadow displays around the element.
Overview of Graphics Editor Graphics Editor Appendix 5 The default is False. 5.24.4.3 Zoomable Determine whether the element size changes according to the current zoom factor or not. By default, this property box is checked and enabled. If unchecked, the element size remains constant regardless of the current zoom factor and does not change its position in the graphic.
5 Overview of Graphics Editor Graphics Editor Appendix 5.24.4.6 Ellipse Ellipse Properties 5.24.4.7 Property Description Ellipse Type Select how to present the ellipse shape: Ellipse, Arc, or Pie. The default is Ellipse. Start Angle Enter a value between 1 and 360 to represent the start point of the arc’s curve. End Angle Enter a value between 1 and 360 to represent the end point of the arc’s curve. Closed Arc Join the start and end points of the arc with a straight line.
Overview of Graphics Editor Graphics Editor Appendix 5 [Major].[Minor].[Revision].[Build] 5.24.4.9 Creation Date Display the date the graphic was created. Auto Fit When selected, the graphic automatically increases or decreases in order to display the full content of the graphic in the pane. If not selected, the fit of the graphic is based on the zoom factor of the associated depth. Auto Fit is enabled by default. NOTE: For automatic viewports to work, this property must be deselected.
5 Overview of Graphics Editor Graphics Editor Appendix originates in the top-left corner of an element and determines the point around which an element rotates. 5.24.4.11 Angle Center Y Specify the position of the angle center for the Y-axis. The angle center originates in the top-left corner of an element and determines the point around which an element rotates. Rotation Speed Adjust the speed an element rotates around its angle center.
Overview of Graphics Editor Graphics Editor Appendix 5.24.4.12 5 Examples: – „C:\Data Files\Readme.txt“ – Winword mydoc.doc An external link to a Web address (URL). The URL must be preceded by the protocol (http, https, ftp, etc.) When the element is clicked, the default web browser opens and displays the specified URL. Navigation Parameter Enter an argument that is sent as context to the new primary selection based on the navigation target.
5 Overview of Graphics Editor Graphics Editor Appendix 5.24.4.14 Rectangle Rectangle Properties 5.24.4.15 Property Description Radius X Enter values between 0 and half of the edge length to create rounded corners. The Radius X and Radius Y properties are adjusted simultaneously to keep the integrity of the rectangle shape. Radius Y Enter values between 0 and half of the edge length to create rounded corners.
Overview of Graphics Editor Graphics Editor Appendix 5 Stroke Dash Cap Specify whether the end of a dash is flat, square, or round. Displays if the active element consists of a dashed array. Stroke Start Line Specify the shape at the beginning of the line. Options include flat, square, round, triangle. Stroke End Line Specify the shape at the end of the line. Options include flat, square, round, triangle. Stroke Line Join Specify how two lines are joined at the vertices.
5 Overview of Graphics Editor Graphics Editor Appendix 5.24.4.19 Text Element Text Properties Property Description Text Enter text or values for the text element to display on the graphic. You can enter a text group table object name and a corresponding value from the text group to create a translated text label. The syntax for referencing a text group: TextGroupObjectName.TextValue Text Type Select how the displayed text is formatted.
Overview of Graphics Editor Graphics Editor Appendix 5.24.4.20 5 Wrapping Set the following text wrapping options: Wrap With Overflow No Wrap Wrap This property is ignored if Auto Size is Width or Size. Auto Size Display the text to by width, height, or size. Font Family Select a font style for the text. Font Size Set the size of the text. The default font is MS Sans Serif. Bold Apply a bold style to the text. Italic Italicize the text. Strikethrough Display text with a line across it.
5 Overview of Graphics Editor Graphics Editor Appendix corresponding Text Group of the associated data point, using the following syntax: TxG_[TextGroupName].[Value]. The syntax is case sensitive. The default color is set to red. ZGrid Change the color of the Z-grid using a hexadecimal color code, such as FFFF0000 (red) ) or reference a state text color as defined in the corresponding Text Group of the associated data point, using the following syntax: TxG_[TextGroupName].[Value]..
Overview of Graphics Editor Graphics Editor Appendix 5.24.6 Event Enable .Event_Enable Event State . Event_State High Limit .High_Limit Limit Enable .Limit_Enable Low Limit .Low_Limit Max Present Value .Max_Pres_Value Min Present Value .Min_Pres_Value Notification Class .Notification_Class Notify Type .Notify_Type Object Identifier . Object_Identifier Object Name .Object_Name Object Type .Object_Type Operating Status .Operating_Status Out of Service .Out_Of_Service Polarity .
5 Overview of Graphics Editor Graphics Editor Appendix 5.24.6.1 Evaluation Editor You are in Design mode and have an element on the canvas. 1. Click on the element or Symbol on the canvas you want to create a substitution for. The associated element properties display in the Property View and are available in Evaluation Editor. 2.
Overview of Graphics Editor 5 Graphics Editor Appendix 5.24.8 5.24.8.
5 Overview of Graphics Editor Graphics Editor Appendix 7. Type a File name for the new file. 8. Click Save to save your settings and convert the file. The file is converted to a DWFx file format that is ready to be imported into a graphic. 5.24.8.2 Converting DWG and DXF Files NOTE: AutoCAD conversion is only possible on installed clients, i.e., conversion is not possible from the Cerberus DMS Web Server and Remote Server clients.
Overview of Graphics Editor Graphics Editor Appendix 5 289 Siemens Industry, Inc. Building Technologies Graphics Editor Version 2.
Issued by Siemens Industry, Inc. Building Technologies Division 1000 Deerfield Pkwy Buffalo Grove IL 60089 Tel. +1 847-215-1000 Document ID A6V10380527_en_a_21 Edition 2015-06-23 © Siemens Industry, Inc., 2015 Technical specifications and availability subject to change without notice.