I’ve been playing around with some css animation For example I have a rectangle representing a device. There will be multiple of these in a room. If the device goes into an error state the box shadow flashes red. User can then click on the device to open a new view to interact with the device. …

Nevermind… I spent 2 days thinking about (and trying) this with no luck and finally posted something here. Than I magically found the answer. [Ji Mun] after pseudo element not appearing in code html, css, pseudo-element, css-content asked by Ji Mun on…

Hi Where did you put your @keyframes code in perspective?

It took me a little bit to figure out but it’s actually pretty simple. I just recently downloaded the 8.0.14 nightly (b2020051802) which has the theme updates so the css file structure is a little different. But same concept applies to earlier versions. Basically I created a new css file, lets ca…

Thanks, it help me a lot. It is been a year I request to put some sort of property for each object so I can put my case code. But nothing happen. If each object has its own css file the management of the obejct has much easier. The good thing now if you backup your project theme will be backup too …

I was really just playing around and I was using this as my inspiration. https://codepen.io/Inderpreet23/pen/rLzbLk In perspective I created a view with a CoordinateContainer (150wx150h) containing a label with a white background (144w x 144h postioned at x=3,y=3) and two smaller coordinate contai…

Interesting topic and ideas, thanks for posting!

Thnaks. With this option I can do any things. it is time change the scroll bar with css. :grinning: Make it narrow and more modern. Specially in table. There are some topic that can make scrollbars hidden while user can scroll with touch or mouse wheel.

I'm glad this was helpful. I'm looking forward to seeing some more of your projects [image] Project screenshots - share yours General Discussion Iodine Production Plant with Vision: I try to combine High Performance HMI with modern UI. Still working on …

This was a very detailed and helpful thread. Thank you @dkylep for sharing your findings. Gave me idea to do the same with SVG and it worked well there too.

@dkylep , can you elaborate on this please: [image] dkylep: I’ve been playing around with creating a new style class and applying it to objects so I can generate the pseudo elements and animate those. Applying a style class to an object, like a label, generates a unique class name that can be re…

never mind please, I noticed the ‘.psc-…’

Inductive Automation Forum

CSS pseudo-elements

Ignition Early Access

perspective

show post in topic

Home
Categories
Guidelines
Terms of Service
Privacy Policy

Powered by Discourse, best viewed with JavaScript enabled