Skip Navigation

[Resolved] Display Repeatable Group Buttons Inline

This support ticket is created 3 years, 9 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 9 replies, has 2 voices.

Last updated by theC 3 years, 9 months ago.

Assisted by: Minesh.

Author
Posts
#1690921
Screen Shot 2020-07-07 at 11.20.14 PM.png

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.

#1690965

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

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.

#1690973

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

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.

#1690975

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

#1690983

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

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

#1690985

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

#1690995

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

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.

#1690999
Screen Shot 2020-07-08 at 1.30.37 AM.png

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

#1691011

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

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;
}

#1691027

The targeted CSS was a great solution! Thanks!

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.