Toolbars and Properties

Overview

Draw Toolbars and Properties

This section presents how to navigate and use the most common tools in the main design area — the Draw Environment! Like an artist's palette and tools, you can use this area to build almost anything you can imagine!

On this page:

Purpose and Key Concepts

The Draw area has the following controls to create, format, and configure displays:

Top Toolbar — On the top, you have buttons to save the display, to select a new displays and other actions on the current display.
Document Toolbar - Underneath there is the buttons to select new displays, or save, preview and document actions.
Vertical toolbar — On the left side of the Drawing tab. Use these buttons to draw shapes, add buttons, and create special windows.
Horizontal toolbar — Across the bottom of the Drawing tab. Use these buttons to group, combine, align, and lock the selected objects.
Element Properties — The area on the left side displays the Graphical Element Properties. These settings may differ based on the type of object selected. The Appearance parameters dictate the brush style and color used when drawing objects in the display. Clicking the Fill option allows you to specify the colors, gradients, or objects used to fill the graphics.

Configuring the Toolbars and Properties

Top Toolbar

Icon	Command	Description
	Undo	Undoes an operation/change. This button is available until you save changes.
	Redo	Redoes a previously undone operation/change. This button is available until you save changes.
	Cut	Cuts a selected row (DataGrid) or objects (Drawing). This command will delete any select row or object in order to paste it somewhere else.
	Copy	Copies a selected row (DataGrid) or objects (Drawing).
	Paste	Pastes a row (DataGrid) or objects (Drawing) that was copied or cut previously.
	Delete	Deletes selected row (DataGrid) or objects (Drawing).
	Print	Prints current table (DataGrid) or display (Drawing).
	Export Document	Exports content to an external file as .csv (Tables) or .jpg (Displays) file.
	Import Document	Imports an external file to the current table. See Copying and Pasting Rows for more details.
	Find Elements
	Next Reference
	Previous Reference
	New Tag
	Tag Properties
	Object Selection
	Open a New Window to the Selected Document
	Feedback
	Help

Vertical Toolbar

Icon	Command	Description
	Selection Tool	Click on an object to select it. CTRL+click selects multiple objects and object groups. Hold the CTRL key as you click on each object. Shift+click to choose a main object from a group of selected objects Click on an open area of the display and highlight several elements to select a group of elements Double-click on an object to open the "Dynamics configuration" window that provides settings for dynamic object properties.
	Direct Selection Tool	Use this tool to select an object inside a group and modify its properties. Click on the object once to select it. You can also add, remove, and modify the points in a Polyline with the Direct Selection Tool. To move the point, click on the point to select it and hold down the left mouse button. Drag the point to its new position. Double-click on a point to add a new point adjacent to the selected point. Right-click on a point to delete the selected point.
	Hand Tool	The Hand tool can be used to modify the view window. Click once on the display background and hold down the left mouse button. Then, move the display to the desired position.
	Edit Properties	Opens properties dialog window of the selected object
	Geometric objects tools	Right-click to end the use of each tool. To add, modify, and/or remove points after creating a polygon or polyline, use the Direct Selection Tool.
	Rectangle	Creates a rectangle object.
	Ellipse	Creates an ellipse object.
	Polygon	Creates a polygon object.
	Connectors
	PolyLine	Creates a polyline object.
	GridLine	Creates a gridline object.
	Button	Creates a button object.
	LabelBox	Creates a label box.
	TextTool
	Text Output	Creates a text output object.
	Text Box	Creates a text input/output (I/O) object. To link the I/O object with a tag, double-click the I/O object. Under the Dynamic configuration window, select the TextIO dynamic.
	Industrial icons	Insert an industrial icons to be used in the project.
	Image resource	Insert an image to be used in the project.
	Components
	Symbol Library	The symbol library includes both built-in and user-defined symbols.
	Add Symbol	Creates New Symbol with Selected Elements.
	Edit Symbol	Edit Selected Symbol.
	Break Symbol	Break apart Selected Symbol to its elements.

Icon	Command	Description
	Undo	Undoes an operation/change. This button is available until you save changes.
	Redo	Redoes a previously undone operation/change. This button is available until you save changes.

Icon	Components	Description
Assets
	AlarmWindow	Creates an alarm window. Position the alarm window and double-click it to configure the alarm window settings. For more information, see Configuring an Alarm Window.
	Alarm Areas	Creates an Alarm Area control that allows you to view the existing alarm tree.
	Alarm Tree
	DataGrid	Creates a data grid window. Position the data grid window and double-click it to configure the data grid window settings. For more information, see Configuring a DataGrid Window.
	TreeView
Charts
	3DPipeViewer	Creates a 3D Pipe Viewer object. For more information, see the 3D Pipe Viewer section in the User Interface Controls.
	BarChart	Creates a Bar Chart object. For more information, see the Bar Chart section in the User Interface Controls.
	DrillingChart	Creates a drilling chart trend window. Position the trend window and double-click it to configure the trend window settings. For more information, see Configuring the Trend Window.
	PieChart	Creates a Pie Chart object. For more information, see the Pie Chart section in the User Interface Controls.
	TrendChart	Creates a trend window. Position the trend window and double-click it to configure the trend window settings. For more information, see Configuring the Trend Window.
	XY Chart
	CustomPieChart	Creates an Advanced Pie Chart object.
	GanttChart
	Timeline
Containers
	ChildDisplay
	HTML5 Control
	PDFViewer	Creates a PDF Viewer object.
	ReportViewer	Creates a Report Viewer object.
	WebBrowser	Creates a Web Browser object.
	WPF Control	Creates an external WPF component.
Gauges
	CircularGauge
	CircularGaugeArcPointer
	CircularGaugeCompass
	CircularGaugeFullCircle
	CircularGaugeRanges
	CircularGaugeSemiCircle
	LinearGauge
	CircularGaugeControl
	CircularGaugeRangeControl
	LinearGaugeControl
Input
	Button
	CheckBox
	ComboBox	Creates a combo box.
	ListBox	Creates a list box.
	RadioButton	Creates a radio button object.
	Slider
	DatePicker
	DateTimePicker
	DateTimeTextBox
	TimeTextBox
	ColorPicker
	MaskedTextBox
	NumericTextBox
	TextBox
	TimePicker
Interaction
	Calculator	Creates a Calculator object. For more information, see the Calculator section in the User Interface Controls.
	FileExplorer
Maps
	ESRI Map
	Google Map
	Maps
Navigation
	CircularPanel	Creates a Circular Panel object. For more information, see the Circular Panel section in the User Interface Controls.
	Menu	Creates a menu.
	MenuItem	Creates a menu item.
	PageSelector	Creates a Page Selector object.Creates a menu item.

Horizontal Toolbar

Icons	Commands	Description
	Grid definition
	Screen Zoom
	Group
	Ungroup
	Union
	Intersect
	Exclude
	Exclusive-Or
	AlignLeft
	AlignHorizontalCenter
	AlignRight
	AlignTop
	AlignVerticalCenter
	AlignBottom
	Move To The Front
	Move To The Back
	Change Z-Order
	Resize Width
	Resize Height
	SpaceEvenlyHorizontal
	SpaceEvenlyVertical
	FlipHorizontally
	Flip Vertically
	Lock element
	Unlock element
	Unlock All Elements
	Show All Elements
	Hide Selected Element