Change child style in tree structure

Hello everyone,

I want to change the style per element in the tree component. does anyone know if this is possible?

my case:

I want to change the style of the yellow marked child in my tree structure to underline the text and make the text blue so it looks like a hyperlink.

thanks in advance

I tried adding color : blue to Grandchild 2 in the default items of the Tree component and got message,

items[0].items[0].items[1].color: is not defined in the schema and additional properties are not allowed

I’d say the answer is ‘no’.

yep i got the same error message when i added “style” to the grandchild

unfortunate that I can not change it this way

You want only the yellow line or every 3th line?

every third but its build in a script so if I figure out how to do one, I guess it will work for all

Will it always be ? If so some css can solve this

- item
    -1
    -2
    -3
- item
    -1
    -2
    -3

yes it will always be 3rd rule. can you explain how you came to the picture case?

You can inject this css into a styles backgroundimage (make sure the name matches the psc-Name

} .psc-underline3thTreeElement div[data-item-path$="/2"] .text-scroll { color: blue; text-decoration: underline; }{

1 Like

got it working!!! thank you very much

1 Like

Graag gedaan :wink: