User Tools

Site Tools


screens

This is an old revision of the document!


Screens

Screens are available since 4.0 fw version. The allow you to arbitrarily compose content placed in separate frames, simply dragging the mouse over their borders, changing position and scale, quickly add, delete or copy objects.

These feautures gives many advantages over bulky dashboards where you had to put everything together in one workspace. Now you can create several simple dashboards, graphs, tables and diagrams in the form of separate blocks (widgets), folding them into a flexible functional interface, like cubes.

Creating and managing screens

The screen setup can be accessed from the main setup menu, which is invoked with a '~' hot key or via the button in the top right corner of pages.

After clicking the icon, you get to the list of the project's screens.

  • + Button adds a new screen
  • View, Edit, Delete, Clone actions corresponds to the buttons in their order (Edit action is also done by clicking on titles).

Screen properties are grouped in two tabs - Basic Info, Permissions. For the basic settings:

  • Title - set the name for the screen
  • Category - put the screen inside the category in the side bar
  • Context menu - select the context menu (if present) to be viewed on this screen

In the permissions tab you select the users who can access the screen.

Screen visual setup

When you get to the screen view, if you have the priviledge of editing screens, you can add widgets with a + button. The main screen setup details are following:

  1. “Unsaved changes exist” mark.
  2. “Save changes” button. You can also press CTRL-S.
  3. “Expand view” button.
  4. “Add widget” button.
  5. Widget selection pane.
  6. Screen elements (widgets, dashboards) organized into tabs. This can be done during setup or when the large screen is viewed from a small display, the screen elements automatically line up in tabs (temporarily).

Adding elements to screens

It's just that simple: you drag the element from the widget selection menu and place it onto the screen. In the following example, 3 elements are placed onto the screen area: dashboard, widget, and graph.

Each widget is placed in a frame which can be further adjusted - in size, location, and content properties (which depend upon the widget type).

Frame adjusment

Each frame is adjusted using the following:

  1. Title tab. It shows widget or dashboard title, and serves as a handle for dragging element into new place.
  2. Align to width micro-button. When pressed, all frames on the same horizontal axis become of equal width.
  3. Widget setup micro-button. This will be explained in their respective sections below.
  4. Background color picker.
  5. Open frame in new window.
  6. Maximize frame. After that this micro-button become “__” (Minimize) to go to previous view.

Widgets

Clone widget

With this widget, you can lay down the widget that is already present in the project. The dialog window will be shown with the list of available widgets grouped by their parent screens.

Dashboard widget

Please refer to dashboard editing section for details. The dashboard has the following settings:

  • Default. The dashboard will be placed in the original size, align to left-top. If it does not fit into the frame, there is an option of enabling Scroll in the frame
  • Panel contained. The dashboard size will be automatically adjusted to the frame size.
  • Panel centered. The dashboard will keep its size but align to the frame center.
  • Offsets are the respective gaps between dashboard and frame edges.

Graph widget

If there is a graph configured in the project, you can emded it into the screen, adjusting some details.

  • Graph - select existing graph
  • Range - select time span for the graph hour, 24 hour, today, yesterday, last 7 days, last 30 days
  • Updae - select update rate from the following options: 1, 2, 5, 10, 15, 30 or 60 minutes
  • Legend, Measurement units, Navigator checkboxes show/hide respective details of the graph

The graph widget always occupies full frame area and in the Appearance tab you can only set offsets from the frame's borders.

Trend widget

The trend widget is the same as Graph except for 2 attributes:

  • there is no Navigator slider, becuase a trend is a real-time view always from current time back to the span set
  • there is no Update rate selecton becuase the trend updates regularly based on the global interface refresh setting

Register value

It shows one register value, especially useful when you want to show it large to be seen from far.

Following are the settings for the register values:

Appearance: it can either window-centered or alighned to left/center/right with offsets.

Polar chart

The polar chart is useful when you need to detect unwanted skew in the normal “pattern” of values.

In the Basic tab setting you can set the name for the widget, set values with their names and choose the reference line to judge the values.

In the appearnace tab, you can select value range for the axises, wether or not to show scale marks, legend, curved or straight style for the reference line, meausurement units and colors for the reference line and values.

screens.1585330750.txt.gz · Last modified: 2020/03/27 17:39 by emozolyak

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki