(feature-2943) Perspective Accordion

you could technically override whatever CSS you want

there are some issues you might run into though

  1. CSS Specificity might cause your overridden CSS to not work, you could use !important to force it, but that’s not good CSS practice. You’ll notice that for my .ia_accordionComponent__body--expanded style I had to increase my CSS specificity by adding .ia_accordionComponent__body to it so that it has a higher CSS specificity than what the original style was. Further reading on specificity can be found here Specificity - CSS: Cascading Style Sheets | MDN
  2. Many of these class names, and HTML structure are subject to change. This frequently happens when a Component is fixed or enhanced, so your changes might not work in newer versions of Ignition/Perspective. You have to be prepared for them to break.
2 Likes

Just following up to see if a feature ticket was indeed submitted regarding adding this functionality through the Designer GUI.

done :white_check_mark:

1 Like

Sort of unrelated, but while it's typically done in an external text editor, it's not impossible to do in the designer. If one knew the path to the specific file on the gateway that needed to be edited, system.file.readFileAsString() could easily return data into, say, a text area component, where it could be manipulated by a user, then written back to the original file path with system.file.write(). Obviously, this would need to be done with caution by someone who knows what they're doing.

I'm just saying that, theoretically, if a developer with an aversion to using CLI-based text editors was forced to develop SCADA on a headless server and was going to be making frequent changes to theme files, they may find a way to do this. :wink:

1 Like

Pssst! Putting the sftp:// kioslave and kate together makes file editing on remote servers feel local. Add pubkey authentication and you won't even notice.

1 Like

Shhh. Intelligent people like yourself take all the fun out of needlessly complex solutions! :slight_smile:

1 Like