render Id as attribute in svg items

Question

render Id as attribute in svg items

Closed this issue a month ago · 3 comments

Hi,

Could you add the id of the task, switch, any element in general to the group or rect of the svg items as an attribute? This way we can target it with CSS, thanks!

Answer 1 · 2024-03-21T08:24:32.000Z

Hello @MrMoronIV!

Currently, the designer is adding a type of a step to the class list (sqd-type-{type}). Do you need an id, or a task type?

Answer 2 · 2024-03-21T12:14:48.000Z

I need the actual internal id of the task etc. on the svg element :)

Answer 3 · 2024-04-30T21:06:57.000Z

The 0.19.4 version now generates the data-step-id attribute for root <g> elements of step components. Example CSS selector:

.sqd-workspace-canvas g[data-step-id="6cc1da8be15b9c3173a2effc09705c2e"] rect {fill: red !important;}