[Resolved] Display Repeatable Group Buttons Inline

[Author]

Posts

[theC]

Tell us what you are trying to do? Display buttons from repeatable groups in a single line

Is there any documentation that you are following?

Is there a similar example that we can see? Screenshots attached

What is the link to your site? hidden link

Currently, I can only get the buttons to layout this way in a Bootstrap grid or a table layout. However, I don't want them to be in equal-sized columns. I want them to list out one after the other with an equal, small amount of spacing between them.

[Minesh]

Hello. Thank you for contacting the Toolset support.

Do you mean that you want to display those buttons in single column one after another? If yes: I need to check how you setup your view's output.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Unfortunately - the admin access details you shared is not working at this end.

Can you please send me working admin access details.

I have set the next reply to private which means only you and I have access to it.

[theC]

Ah, the password didn't save. If you try again, it should work this time.

[Minesh]

I've set to use the unordered loop style with the following view:
=> hidden link

I've set the button here, you can customise it on your own:
=> hidden link

You can check the output on frontend here: hidden link

[theC]

I apologize for not clarifying fully. I still wanted the buttons to be in a horizontal line, not a vertical list.

[Minesh]

Well, when I ask you the following question:

Do you mean that you want to display those buttons in single column one after another? If yes: I need to check how you setup your view's output.

- You said , yes you want to display in one column and now you are saying you want to display the button in the row.

Can you please make sure how exactly you want to display the button and I am happy to help.

[theC]

I do apologize for that. I have attached a screenshot of an example.

[Minesh]

Can you please check now: hidden link

I've added the following CSS code to your view's Loop Editor section CSS box:

.wpv-loop li {
  float:left;
}

[theC]

The targeted CSS was a great solution! Thanks!