The application's user interface is clear, logical, and easy to use on both desktop and mobile devices. The layout automatically adapts to the screen size of the device, ensuring usability across platforms. Below are the main components of the interface.

Header

Located at the top of the screen, the header includes the application logo and, after login, user account information: the logged-in user's name, user ID, and on the left side the rights holder to whom the user is assigned. In some cases, a user may be linked to multiple rights holders; in such cases, a dropdown list allows the user to select which rights holder to work with. The header remains visible in all views.

Navigation Menu

Provides access to the main functions of the application.

  • In desktop view, the menu appears as a vertical bar on the left side of the screen and remains visible at all times.
  • In mobile view, the menu is accessed by clicking the icon and appears as a dropdown panel.

Some menu items include expandable submenus.

Workspace

The central area of the screen where the content related to the selected function is displayed. The workspace consists of several parts:

  • Title:Appears at the top of the workspace and displays the name of the current function.
  • Help icon: Located at the far right of the title bar, it links to the help page relevant to the current view.
  • Content area: The main section of the workspace where actual content is displayed. Depending on the function, this may include tables, charts, forms, etc. Since the application primarily uses tabular views, the description of table handling can be found here. Under certain tables, warning or informational messages may appear on an informational panel. These can typically be dismissed using theclose icon.
  • Cookie notification: Appears at the bottom of the workspace and informs the user about cookies used for login management. This bar can be closed using the Do not show this message again button. (By using the application, the user accepts the use of cookies.)

Button Colors and Behavior

The background color of buttons within the workspace indicates their function and helps users understand the effect of clicking them:

  •  Green buttons : Trigger immediate and final actions, such as saving, deleting, or confirming data. These actions directly modify the database.
  •  Blue buttons : Initiate temporary actions that occur only in memory. The data is not saved at this point; actual changes only occur when a subsequent green button (e.g.,  Save ) is pressed.

Pressing a green button results in immediate data saving, with no option to undo. Blue buttons do not modify the database; they only prepare the action.

Footer

The bar located at the bottom of the screen, where MAHASZ's contact details and/or copyright information are displayed.