Stylesheets
By adding CSS files, you can integrate your own styles or 3rd party libraries. These are useful if the style of the document is to be adapted centrally or a third-party library is to be used. These files can be uploaded via the TcHmi server. The server stores the files at "TwinCAT:XAR.ReportingServer". The files stored here provide the corresponding functions. Pay attention to the order in which the files are initialized.
Add a CSS file.
- 1. Open the server configuration page.
- 2. Go to the configuration of TcHmiReporting.
- The General tab opens.
- 3. Open the path. If not available, create the path Runtimes/{Runtimename}/Configurations/{Configuration name}/Stylesheets.
- 4. Click on Add to enter a new CSS file and enter the following values:
File name: Name of the CSS file
Sort order: Initialization order of the CSS files - The Reporting Extension of the HMI integrates the CSS file.
- 5. Now add the CSS file to the Reporting Server.
- 6. Switch to the User-defined configuration tab.
- 7. You can upload the CSS file under Upload CSS/JavaScript file.
- The file is automatically copied to the folder "C:\Program Files (x86)\Beckhoff\TwinCAT\Functions\Reporting-Server\Configuration\ReportStyleSheets".
- The CSS file has been successfully added.