Project settings

In the Project explorer, click on “Project settings”.





  • Common

Here, you can set up project protection by assigning a password of your choosing. 




Project ID:

Generating a project-dependent ID has the meaning that databases for saving the chart data no longer depend on the saved project name,

but on the generated "Project ID". So, the same data can be accessed in several projects using the ID. (Previously, a new database was created for each new project.)



To do this, enter the "Project ID" of the project whose data is to be used and confirm with "Save". The reverse case is also conceivable:

If a project becomes "Save as", the “Project ID” is also included. By default, the same data would be used as the basis for the charts, as for the old project.


If you want to start with the new project but with a fresh database, simply generate a new random "Project ID" with the button "Generate".




  • Runtime | Miscellaneous

Here you can set the initial zoom level. Choose “Fit” for display the full site or zoom to 100% (like in the editor).





  • Runtime | Ports

Here you can specify which ports should be used.

For each port, you can determine if it should be HTTPS secured or not. This is done simply by activating or deactivating a check box.





  • Runtime | Compression

Data sent between server and client, can be compressed to improve transfer speed.

How the data is compressed, is set here. The performance depends on the compression.





  • Runtime | Java

The Java maximal heap size determines how much memory the JVM (Java Virtual Machine), and therefore our server, can allocate.

Given too much memory the server might don't start at all. Given to less it might later. Java settings need only be changed if recommended by the software.

Otherwise usually no changes need to be made.


How much memory is needed mainly depends on the project size. We recommend to only these values with caution.





  • Charts

Here you can specify how many days the data should be saved and thus be visible. "Save" your setting to continue.





  • Corporate Design

Here you can define the complete design of the user login mask so that it fits your company or project.

You can customize the logo as well as the colors and the texts. By default, the QuickHMI design is active.





  • Corporate Design | Common

Here the "Accent color" can be determined. This includes, for example, all the individual buttons.

You can also change the "Favicon" here. The favicon is the small icon in the upper left corner of the browser.

Most websites have their own favicon. To change the favicon, you can use previously implemented image resources

as well as a graphic uploaded under "New". All settings made here affect the complete viewer.





  • Corporate Design | Login

Here, the "Title", "Subtitle", "Background Color" and an own "Logo" can now be determined. To change the logo,

previously implemented image resources can be used as well as a graphic uploaded under "New". All settings made here affect the user login mask.





  • Corporate Design | Loading screen

This is about the loading animation. The “Background color” can be selected, as well as the loading animation.

This is a gradient animation of two graphics. Therefore, two graphics must be selected here. A start graphic that

is always shown and a target graphic that overlays the start graphic step by step. An animated preview below the

settings illustrates the principle. It is recommended that both graphics have the same size. In the best case a dimension of 256px x 256px.





  • Corporate Design | Execution of the example

To illustrate this, here is the execution of the viewer with the login mask defined above, compared to the default settings.




When all settings have been made, click on "Save".