OH3 CSS Animation of variable oh-repeater result

[JustinG]

@Mark_VG

Do you know if a way to make the following dynamics?

Not easily. This is one of those situations where because the stylesheet is not parsed, the only way to get dynamic values is to use a css variable for the value and set that value dynamically in the style object.

@Mark_VG

I don’t think I can use the oh-repeater loop.variableName_source.length since the block is not a child of the oh-repeater.

100% correct.

@Mark_VG

Any chance you have another solution?

I actually just posted an explanation similar to what you are looking for in another thread:, but it adds a couple levels of component complexity to your widget:

Simplify oh-repeater filter expression

Not really feasible, alas. The items object does not give you full access to an item, only the state and display state. The only way to get the information is from an api call such as the repeater makes. There are some workarounds if you nest a repeater inside another repeater. The most straightforward looks like this: - component: oh-repeater config: for: array1 ...whatever repeater options you need, including fitlers map: loop.array1_source <-- Put the whole repeater result…