search

SCADA-LTS / Scada-LTS

Scada-LTS is an Open Source, web-based, multi-platform solution for building your own SCADA (Supervisory Control and Data Acquisition) system.
GNU General Public License v2.0
718 stars 287 forks source link

Add ability to give custom CSS class to Graphical view elements #2543

Open pauliusrug opened 1 year ago

pauliusrug commented 1 year ago

Is your feature request related to a problem? Please describe. In the graphical view all the elements have the same CSS class called "viewComponent"

This makes writing custom CSS files to improve the UI element's size, color, look, and other nice CSS things impossible, unless I am missing something.

Describe the solution you'd like A new option in the element settings to add a unique CSS class of any name. A very botched job of a design for the button element image

Describe alternatives you've considered Not having nice things.

Additional context I currently create an HTML element with:

CSS

This works to a minimal extent as any CSS change applies to all of the elements, making colors impossible to implement as any element would get a background color and so on I am not sure how much on an impact #1716 changes would have on this. Would it be just the webUI style but not for the content in the graphical view?
Limraj commented 1 year ago

Hi @pauliusrug, Here's a short tutorial on how to customize Scada-LTS, including styling components: (you can create 'Html Component' along with css/javascript/html) https://github.com/SCADA-LTS/Scada-LTS/wiki/Customization-of-Scada-LTS

However, in the future, we plan to further improve this aspect, focusing on simplifying the configuration.

Regards, Kamil Jarmusik