Left-to-Right alignment for Multi-column-Repeating Group's

Idea
1

Problem it solves:

You have a single-row-6 column repeating group that is supposed to show items linked to a parent item, and you want it to show data from right to left: so if there is less than 6 items in the DB for a specific parent, the empty ones are on the left, and the list always start to the right

2 Likes
2

Trying to figure out the same thing!

3

Expose ID’s in settings > then smash this in your RG’s

Right align

#right {
  display: flex;
  justify-content: flex-end;
}

Centre align

#centre {
  display: flex;
  justify-content: center
}
4

I did expose the ID setting and entered the above right align code; still the list is left centered. Am I doing anything wrong?

I have a table in UI and the corresponding field in DB is a list field. User adds new entries to this field and I want them to see the latest ones they added. Right now since its left aligned, they will have to scroll right to see the new input.

5

Guys any idea? anyone any help?

6

Guys I have no coding background (0%) and I know this is a very simple fix from a coding stand point (as explained here). All I want is to have the text element (multiple entry text field) to be left aligned as opposed to the Bubble default right alignment.

Yes tried the style edit to be left aligned, also tried the conditional thingy…This is making me go nuts…I may have to put another element just to show just the last input which is not how my idea works.

7

Morning mate, can you send me a screenshot of your RG settings so I can explore this for you. I’ll try to assist you as the code I provided above is 100% accurate.

1 Like
8

Thanks Mate. I took few days off to bring back my sanity!

image

Since I want the users to be able to scroll left-right to see all values and that the col. size should be fixed length, I made the top element as an Input type. So here in stead of left aligned, I want the data to be right aligned so to be able to see the last value by default and if they want to see other values, they can always scroll left (which is like may be 20% of time).

9

@ nomorecode
Any luck? :slight_smile:

10

Thanks @nomorecode for looking into the issue and helping to trigger the idea to solve the issue!

Solution: Switched to a repeating group from an input field > Horizontal scrolling > and sorted ASC. So the last item will be on left most column, pushing the old entries to right side. So they can always scroll to see old entries!

1 Like
11

Perfecto!!