i4connected Knowledgebase

The page components

Abstract

Check out the main page components that you will surely encounter in the i4connected application.

After logging into the i4connected application the pre-defined interface displays a set of primary components. Read more details in these articles.

The global menu bar
Abstract

Learn about the informational elements and actions provided to you in the global menu bar of the i4connected application.

The global menu is the task bar positioned on the top of the i4connected portal and it acts as program header, where user may find several informational elements and actions, such as:

Global_menu_bar.jpg

Global menu bar

  • Background operations - unfolds a drop-down lists that displays run-time information, upon any existing background operations.

    Background_operations.jpg
  • Server module states- unfolds a drop-down list that displays run-time information, upon any existing server module states.

    Server_statuses.jpg
  • Notifications – in the upcoming chapters, we shall learn that user may define a notification message, for the portal, that will be displayed as a continuously rolling text, in the global menu bar. For more detains upon notifications management, please also visit the Portal notifications article.

    notifications.jpg
  • Language selector – by default, portal will be opened in the user pre-defined language, or the language selected at login. However, while logged in, the user may change the portal language by selecting it from the drop-down list.

    Language.jpg
  • User profile– by opening the user profile system will display the User info panel, where own account changes may be performed.

    User.jpg
  • Change password– besides being able to change the password the logged in user may select to change own password in current logged in session.

    change_pw.jpg
  • Logout– at the very right side of the global menu bar, user may decide to log out of the current session.

    logout.jpg
The main menu
Abstract

The main menu is a set of fully customisable pages usually displayed on the left side of the page, allowing user to change analysis areas.

The i4connected main menu is a set of fully customisable pages, that is usually displayed on the left side of the page. The scope of the main menu is to change the area of analysis pages. It can be parameterized to switch between the analysis module of the main media.

The order of the buttons, the icons and the captions is fully customisable.

Main_menu.jpg

Main menu - example

The pages menu
Abstract

Open this article in order to get to know the analysis pages area and understand what is the role of this view.

The analysis pages area is a dynamic interface which changes on basis of the page selected from the main menu. Each page can display any set of tiles which may be easily added, removed and customised, by a user having administration rights.

Analysis_module_area.jpg

Analysis page area - example

The start page
Abstract

Understand the start page of the i4connected portal and the elements and available actions, provided to you in this view.

The start page is also a fully customisable interface, where the user can define information upon own facility. The start page, is split up in several areas, that can also be parametrized and customised on user needs and expectations.

Start_page_example.jpg

Start page - example panel

  1. Photo / Graphic of the facility

  2. Time range of the displayed analysis (consumption), switchable to day, week, month and year

  3. Possibility to switch between the KPIs

  4. Possibility to reveal available organisational units

  5. Possibility to view facility details

The selection components
Abstract

Learn how to navigate through the i4connected panels using the selection components. Check out this article for more details.

The user can navigate through the i4connected panels with help of a set of selection components. The i4connected portal offers many alternative ways for selecting items and opening panels:

  • The simple selection - a vertical list of items allowing the user to select one listed item, for further processing. The selected item is highlighted marking the selection.

    The_List_selection.jpg

    The simple select list

  • The multiple selection - a vertical list of items allowing the user to select one or more listed items, for assigning or applying them to other items. The selected items are highlighted, marking the selection.

    Multiple_select.jpg

    The multiple select list

  • The radio-button selection - a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.

    radiobuton_select.jpg

    The radio-button select list

  • The drop-down list selection - a graphical control element, that allows the user to choose only one value from a predefined list of values.

    rop-down_selection.jpg

    The drop-down list

  • The toggle-button selection - a graphical control element, that allows the user to choose only one value, out of a set of predefined set of mutually exclusive options.

    toggle-button_selection.jpg

    The toggle-button select list

  • The items list selection - allows the user to select a value from a a list, opened in a separate panel. To open the list panel, the user can click on the selection field.

    Items_list_selection.jpg

    The Items list selection

  • The reset button - allows the user to reset the value defined for a field.

    Reset_button.jpg

    The Reset button

  • Detailed view mode selection - allows the user to open the selected Item in a detailed view mode.

    Detailed_view_mode_selection.jpg

    The Detailed view mode selection

  • Edit mode selection - allows the user to open the selected item, directly in edit mode.

    The_Edit_mode_selection.jpg

    The Edit mode selection