Screen editor
Double-clicking a 2D screen in the project tree opens it in the central work area. The Toolbox, Animations, Layout and Libraries cards are on the right and the Inspector is below.
- You click an object in the toolbox and draw it, drag it onto the canvas, or place it from the Add menu or the right-click menu.
- Snap to grid (square 2 – 200 pixels), alignment guides and overlap prevention work while you drag. The Alt key turns all three off temporarily.
- There are commands for aligning, equal spacing, equal size, grouping, locking, copying and duplicating. Undo keeps up to 100 steps.
- Ctrl + wheel zooms between 10% – 800%.
Screen types and management
| Screen type | Used for |
|---|---|
| Screen | The normal 2D screen the operator navigates. |
| 3D screen (scene) | A 3D scene. See the 3D scenes page. |
| Faceplate (pop-up window) | Opens above other screens or is embedded in a screen. Linked to a structure, it opens for every instance: faceplates. |
| Template (fixed area) | The screen shown in the fixed top or bottom area; hidden from lists. |
| Recipe / Report design screen | A form screen bound to a recipe or report. |
A new screen opens as Sayfa_1, Sayfa_2 … at 1920 × 1080 pixels with a 10-pixel grid. The size can be changed between 20 – 20000 pixels in Screen properties.
- In the project tree, Screens has three branches: 2D Screens, Faceplates and 3D Scenes.
- The Set as start screen command specifies the screen Live shows at startup.
- The fixed top and bottom areas show the selected screen above or below all screens (height 0 – 600 pixels). Buttons that open screens, placed here, make a navigation strip on every screen.
Object library
The toolbox shows 800+ 2D objects in groups. The Search objects... box filters by object name and group name.
- Basic objects: rectangle, ellipse, line, polygon, arc, text and image.
- Equipment: 730+ drawings in 28 groups. Pipes, valves, pumps, tanks and silos, conveyors, heating and cooling, HVAC, robots, food and packaging, instruments, electrical and power, panel components, wire and cable, surface treatment and painting, metalworking, plastics and rubber are some of them.
- Panel components are drawn at their real size (1 mm = 1 pixel): PLC and I/O modules, DIN rail, protection devices, relays, drives, terminal blocks, climate control; multi-section MCC and bayed enclosures, control desks, push-button enclosures, 22 mm door devices and panel meters.
- A rail-mounted device snaps to the center line of the DIN rail and against the device next to it, an MCC drawer into a drawer section, and a door device into a hole of a push-button enclosure; the Alt key turns this off temporarily. When an enclosure, plate or rail is moved, the devices on it move too. The open state of a door binds to a tag; in Live, a device on the door is hidden when the door opens.
- The Siemens and ABB subgroups are drawn to resemble these companies’ products; they carry no logos, brand lettering or order numbers. Siemens and ABB are trademarks of their respective owners; FabyaVision is not affiliated with these companies. A panel can also be built step by step with the panel design wizard.
520+ objects come alive with a running and fault state. You bind the Running and Fault properties to tags: stopped is gray, running is green with motion, and a fault flashes between red and yellow. The four colors are changed in the State colors group.
Equipment drawings are drawn in the Realistic (lit, volumetric) or the Classic (flat) appearance. The default is chosen in the Object appearance card of Live settings; a single screen can be set separately in Screen properties.
Elements and controls
Elements are the objects with which the operator reads values, enters values and issues commands. You bind the main value property to a tag: it is read by display elements and written by input elements.
| Element | What it does |
|---|---|
| I/O field | Shows the tag value. Mode: Output, Input or Input / Output. In input mode a click opens the value window; a value outside the lower and upper limits of the tag is not written. |
| Button, Switch, Check box | What a button does is set on the Events tab. A switch or check box inverts the bound tag when clicked. |
| Bar, Gauge | Draws the value within the scale range. The bar changes to the alarm color when the alarm limit is exceeded; the gauge draws the warning and alarm limits as bands. |
| Slider, Increase / decrease, Selector switch, List box | The operator writes the value to the tag by dragging, with step buttons, or by selecting a position or an entry. |
Controls are ready-made components with their own table, buttons and filters: Alarm view, Trend view, Recipe view, Report view, User view, PLC connection status, IP camera, Screen window, Menu bar, Toolbar and Event view. Each is placed as a single object and takes its data from the project tables. Their design is covered on the alarm, trend and recipe pages.
The bar controls Status Info, Navigation Bar, Command Buttons and Alarm Bar are placed by the screen template wizard.
Properties and layers
When an object is selected, the Properties tab of the Inspector shows its properties in seven categories: General, Appearance, Text and format, Scale and limits, Layout, Miscellaneous and Security. For each property the table has a Static value and a Dynamic PLC tag column; the Select tag... button binds a property to a tag. While several objects are selected, a value you type applies to all of them. For the Animations and Events tabs see the animations and events page.
Every object is on a layer between 0 – 31; 0 is drawn at the bottom and 31 on top. Layers are named in Screen properties and can be hidden in Studio. The Show / hide layer function lets the operator turn a layer on and off in Live.
The Layout card shows the layer bar and the list of all objects on the screen. You select an object at the back of a pile from this list.
You keep a frequently used group of objects as a copy template with Add selection on the Libraries card. A template is copied with its tag bindings and events; the placed copies do not stay bound to the template.
Pop-up windows and the Screen window
A pop-up window is a screen that opens above other screens and can be closed; it is opened by giving an object event the Open pop-up window function. A pop-up window linked to a structure (UDT) is a faceplate: it is drawn once and opens for each instance with the tags of that instance. Details are on the faceplates page.
The Screen window object embeds another screen in this screen: a faceplate, an area with changeable content or a 3D scene. An embedded window cannot be closed.
Favorite screens
You can make the screens the operator opens often favorites. In the project tree, right-click a screen and choose Add to favorites, or check Screen properties › General › Favorite page. A favorite screen is marked with a yellow star in the tree.
- 2D screens and 3D scenes can be favorites; faceplates, templates and design screens cannot.
- In the system menu of Live, favorite screens come in a separate list; the operator switches to all screens with one tap. Details are on the operator actions page.
Menus, toolbars and navigation
The Navigation menu tab of the Screen management section sets the screen list the operator sees in the system menu of Live. Each row is a button.
| Column | Meaning |
|---|---|
| Title | The name shown on the button. It is independent of the screen name and translatable. |
| Target screen | The screen that opens when the button is pressed. |
| Authorization group | A user who is not a member of the group does not see the row. |
| Visible | A disabled row is not in the list. |
The Menus and Toolbars section defines toolbars, menus nested up to 3 levels and the configurations that place them on the edges of the display. Items get an icon, a shortcut, event functions and a Required authorization; the Visible, Enabled and Checked states bind to tags.
The Navigation menu only filters the list of buttons. Hiding a screen from the list does not stop other buttons from opening it. To close access, use the Required authorization field of the screen.
Screen template wizard
The wizard builds the bars above and below all screens in five steps. It opens with the Add › Screen template wizard… command or from the Screen Template card in Screen management › Layout.
-
Layout
The bars sit at the top and bottom, at the top only or at the bottom only; the color set and height are chosen.
-
Information and buttons
The logo, project name, open screen, user name and level, date and time, alarm messages and command buttons (alarm acknowledge, log on / off, home, back, language, theme, print…) go to the left, center or right of a bar.
-
Screen navigation
Two rows of buttons (groups and the screens of the selected group), a single row of buttons, a drop-down menu or no navigation.
-
Menu definition
Groups and screens are ordered by drag and drop and get an icon and an authorization; the menu can be filled from the screen folders.
-
Preview and create
The whole display is previewed; Create writes the bars, the menu and the layout as a single undo step.
- The button and group of the open screen are highlighted in Live automatically; no tag is needed. Buttons that do not fit go into a “⋯” list.
- When reopened, the wizard starts where it was left.
Frequently asked
Can I add my own object to the toolbox?
No. You can add a frequently used group of objects to the Libraries card as a copy template.
Related pages
Faceplates
One window for every instance of a structure: member bindings without prefix, templates, opening.
StudioAnimation and events
Binding properties to tags, direct and range-table conversion, the state model, events and event functions.
StudioHMI tags
External and internal tags, scaling, quality, structures (UDT), series duplication and Excel transfer.
Studio3D scenes
3D editor, Standard and Realistic models, floors, saved views and converting a 2D screen to 3D.