The HMI Designer generates an HTML file with a SVG image. The SVG is using the "viewbox" attribute to fit the screen and preserve the aspect ratio.
To optimise the SVG you need to elaborate with the Document Properties of the *.hmi.svg source file.
- Open the source document
- Open Document Properties dialog using File -> Document Properties or Shift + Ctrl + D
- Change With and Height of the document
- Rearrange your HMI components
- Generate new HMI using REXYGEN Studio
To fill the whole page with the HMI with small margins you have to have the same aspect ratio of the document as the aspect ratio of the webpage without header and margins.
You can use the Inspection tool which is included in all modern browsers (Chrome, Firefox, Opera, etc.). Just open the inspection tool, click on the left top corner icon and point to the whole SVG element. The tooltip will show the size of the current space. Use it to change the SVG document properties and rearrange the HMI components to fit new size.
Resized HMI page example:
