What do you want to achieve?
I’m designing a feeding machine that has a round display. This device will require a scheduling system. Each schedule will have the following elements: hours, minutes, food amount, days of activation and so on.
My question is, since is unknown the number of schedule that I will have, how do I dynamically create them?
The final result should look like the video (they will all look like the first one, the others are only as mock to check the scrolling system).
What have you tried so far?
For now I was thinking to set a maximum amount of schedule ( like 20 schedule max), copy paste the template of the first schedule, set the unused one as empty ( like 00:00 0g …) and then set them as hidden.
This way I can hide and unhide only the elements I want according to the number of schedule i have.
I don’t think I will ever add more than 20 schedules but, in case I want more schedule, the actual implementation is pretty tedious and not very scalable.
Screenshot or video
In the short shown, you can see the list of the schedule that I want to be dynamically created.
Those are buttons that, if clicked, I pass the the editing page of the schedule where I can modify the selected schedule.