We're trying to make our prototype a bit more flexible (and hopefully lightweight to use on a test device) but we encounter some issues/challenges.
Attached is a part of the prototype where I am creating a new class called Card which is an extension of Layer. That card will be implemented on various pages in an array within a scroll component and the information on the card will be retrieved from an external file.
I have two challenges, one of them is a small one (in terms of importance). The small one is that the last 'selected' card in the array will never get a border when clicked. The rest will. What is the reason of this?
The bigger challenge is that I want to change a selected card's size and position to fullscreen. It should overlap all the other cards and ignore the scroll behaviour.
Can I, and if yes how, change the position and size of the new class Card without putting/loading it in another screen?
If have tried to enlarge the background, image and text layers based upon a click on the 'i' icon and that works. But it does not work properly since the items are still locked in the class container.
See attached screenshot of how the card will look like in normal state and in expanded state and the prototype so far.