My name is Paul, i’m from France, and i’m developing a web app as a MVP for a future project.
Everything is going well, however, I still have some difficulties (I am learning as an autodidact).
I want to create, as shown in the screenshot below, a horizontal list listing all the elements of my database. No problem with this database, but I have a problem with the display.
When I create my repeating group with the width of my page, the list works well, but there is a large gap between each elements, which is the gap between the elements of my group and the end of the repeating group.
When I create my repeating group with a width twice as wide as that of my page (the repeating group leaves the page) and that I put 2 columns, everything is very clean and spaced correctly, but when I arrive at the last element of my list, it does not appear in full but only 1 third I would say. It is then no longer possible to scroll further.
Do you have the solution to my problem? No matter how hard I think, I don’t see a solution. I would like a scrollable list like most home food delivery apps.
Thank you for reading my message, and for the potential help you could give me.
Your mobile setting of page is too large. I recommend to change to 320 px (smaller device like iPhone 5/SE) or 360 (medium device).
I think that the main issue actually is related to responsiveness setting.
The group inside your RG is total page width (418) but the inner group with picture and all your text is 285px and set on left part of RG. This leave a space on the right between cell. Some thing into the cell have responsiveness setting and some are fixed width. All of this may create issue with setting and responsiveness. Your RG itself is responsive and this use a min cell size almost the same width of your picture. So the space will reduce up to the picture, but the picture and text will reduce size because there’s a space also on the left (13px). And Like I said, not all of this is responsive.
I’m not sure of the expecting behavior on mobile device, but actually I see one item near me and I’m able to scroll horizontaly to see more.
Actuellement, il y a plusieurs petites problématiques qui peuvent te donner des problèmes et elles sont surtout liées aux paramètres de “responsiveness”. Par exemple, Text Offres proche de vou est “responsive” mais Text Current cell’s Marqu est fixed width.
Aussi, tu as une grosseur min de cellule à 287, ce qui va faire que certains éléments dans la cellules vont s’ajuster, mais pas tous.
Quand on veut faire une page “mobile” vaut mieux partir du plus petit format. Donc modifier ta page pour être 320 px de large.
Donc ton problème vient probablement des settings de min-width, fixed width, et tout ce qui est relatif au “responsiveness”.
Aussi, voir commentaire sur le SS
