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 menu.
  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, thenre 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 its appearance.

screens.1585244567.txt.gz · Last modified: 2020/03/26 17:42 by emozolyak

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki