How do I make my repeating group display correctly?

Need help Responsiveness
1

I am trying to make a repeating group to create a grid of employee profiles/contacts, similar to this (image is an example)

user grid 1.PNG
user grid 1.PNG995×563 177 KB

I have the follwowing, Im building the framework so it doesnt look pretty,

grid Builder
grid Builder1202×763 2.84 KB

but when I preview two things happen:

1- The backround collapses to a different size than the build

2- The repeating group gets a scroll bar on the right (which is useles because it can’t scorll)

griderror1
griderror11558×921 5.03 KB

My suspicion is that I have the wrong background size and it has something to do with responsiveness.

Any help would be appreciated!

1 Like
2

Do you currently have any data in your RG? From your screenshot it looks like you do not so it’s very hard to tell what is actually going on.

  1. I’m sure you’re right, that this does have to do with responsiveness, but again, hard to tell when there is no data in the RG. If you want it to stay the same size, then set it to a fixed width.
  2. What is the layout style of your RG set to? This is what will determine if you have a scroll bar or not.