Hello! I was wondering If anyone who has a similar background (Frontend web development) would mind explaining some Ignition concepts and how to create modern looking HMI's and how to create customizable components.
I'm used to the typical HTML/CSS/JS workflow within VSCode, using tailwind/frameworks, and being able to customize everything so I'm struggling with getting used to Ignition's workflow and what is/isn't possible.
I'd love to take full advantage of Perspective and make modern HMI's, and I have found a few YouTube videos that show some AWESOME HMI designs but haven't found any videos that cover how they achieve them or coding instructions. (Please feel free to drop any names below if you know any awesome people to check out!)
I also saw a post about creating custom components/modules. Has anyone personally been able to achieve this? I noticed limited information about this but have been curious.
Any help/resources that you recommend is greatly appreciated! Thank you in advance!
The whole point of Perspective's architecture is to make HMI design accessible to people (engineers, mostly) who do not have web development experience.
To achieve that, most things a web developer expects to manipulate are preset with theme files, and the components are provided with specific schemas. You do not create your own components, unless you leverage the Java SDK to completely integrate via your own 3rd party module.
Yes, your web developer hands are largely cuffed.
CSS is customizable via per-project style sheets, and by producing your own theme files. javascript can be injected via backdoor methods, but not to the point of presenting your own browser-side components.
Generally speaking, the Perspective->Views workspace in the designer is roughly your markup (HTML), the Perspective-Styles section is your CSS equivalent, and the Scripting workspace is your JS equivalent.
Of course, they overlap in all sorts of ways, but the points above are generally true, if you want a mapping from the traditional WebDev world...