Virtual Tile List with different tile sizes

[SuperChevre]

Hey ! First, thanks for the nice SDK, i hope i'll be able to contribute to the community with useful apps and elegant clockfaces 😊

I have a question, and can't find the answer anywhere. Basically, i have a VirtualTileList, with textarea elements inside. The thing is, the textarea can be have multiple lines, and so i want to adapt the size of the Tile based on that.

I've tried couple of things, but none seems to work. Last thing i try was updating the class of my tile on the configure tile function :

myList.delegate = {
  configureTile: (tile, info) => {
    tile.class = "list-item size-two-lines";
  }
}

but it doesn't work, probably because the element is already rendered ( it does apply to the children elements though 🙂 )

So, is there any solution to do so ? Thanks in advance 🙂

[SuperChevre · Accepted solution]

Ok, so i actually found how to do that, thanks to @JonFitbit  ( you're the best 😎 ). For those interested : 

https://community.fitbit.com/t5/SDK-Development/Virtual-list-header/m-p/3085701

I had to declare 2 tile-list-pool inside my tile-list. And then, at configure step, i can use on or the other depending on, in my case, the length of the content 🙂

That's seriously a very powerful tool, maybe it lacks a bit of documentation here : https://dev.fitbit.com/build/guides/user-interface/svg-components/views/ , i would loved to see that i can declare multiple pool and pick from whatever pool available.

Now that i know that, the behaviour of Virtual-tile-list - which was a bit obscure - is way more clear 😁