Configuring SVG element events from the proper editor

[Pyrak]

Hello everyone,
I have created an svg but after embedding it to perspective, the individual components are present in the editor panel but not clickable in the view section. I want to add events to specific elements. Is there a way I can add the the events from the property editor section. An example, can I add a pop screen to the red element onclick from the property editor.

[victordcq]

Not natively no, but you can inject some java scripts
i got an example here

New Feature: Perspective Piping

welp... i just had to try it out didnt it Required version 8.1.22 Behold! JS INJECTED SVG CLICKER jsInjectedSvgClicker.zip (3.6 KB) edit: I made the value of the binding become the name it writes to in the view.custom props Be sure to set the custom prop back to null after handling your event so you can trigger the onchange events on the prop It should only detect things inside this view. Haven't fully tested it though.

[Pyrak]

Thanks a lot @victordcq. One more thing, could you give some context on how to use the file the designs.

[victordcq]

@Pyrak

use the file the designs.

im not sure what you are asking here.

the file proviced is a view that can be imported. it has the markdown, which containt the injected script. and some example svg and text fields that show how it works

the value in de markdown expression binding (key)

is the root.custom propty name i sends the data too

the value that i retured on click is the first name that is find going up the svg element

you could use the root.custom property its onchange event as "onclick" event