10-23-2023, 03:46 PM
Hi,
I made some tests today (removing my template, managing the region size by myself...), nothing works for the moment.
As a (ugly) workaround, I decide to manage the display of the frames using the CSS property "order".
I've created a set of 30 CSS classes, should be enough for the moment with this project.
And when I create my frames, I assign the class .order-x to each frame (x is the sequence number).
In the structure of the html code, the frames are always unordered, but the display is OK.
![[Image: workaround_kurumn.jpg]](https://res.cloudinary.com/teka/image/upload/v1698075064/workaround_kurumn.jpg)
This solution is acceptable for the end-users cause only the final display is important for them.
But for me, it can be a temporary solution only, I really want to understand how to fix the root cause of this issue, I'm thinking to my next project and I will probably meet the same problem with a longer list of frames to manage.
I made some tests today (removing my template, managing the region size by myself...), nothing works for the moment.
As a (ugly) workaround, I decide to manage the display of the frames using the CSS property "order".
I've created a set of 30 CSS classes, should be enough for the moment with this project.
Code:
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
...
And when I create my frames, I assign the class .order-x to each frame (x is the sequence number).
In the structure of the html code, the frames are always unordered, but the display is OK.
![[Image: workaround_kurumn.jpg]](https://res.cloudinary.com/teka/image/upload/v1698075064/workaround_kurumn.jpg)
This solution is acceptable for the end-users cause only the final display is important for them.
But for me, it can be a temporary solution only, I really want to understand how to fix the root cause of this issue, I'm thinking to my next project and I will probably meet the same problem with a longer list of frames to manage.