[Resolved] View Loop output to be placed in tabs

[Author]

Posts

[Alena]

Hi there, I would like to have the loop output placed in tabs. I have no experiences with the legacy system but I saw it could be possible with the loop editor. Is it possible with the Toolset Blocks plugin?

Is there any documentation that you are following?
I saw an example of an accordion here: https://toolset.com/documentation/legacy-features/views-plugin/digging-into-view-outputs/

Is there a similar example that we can see?
This is the old website: hidden link
I would like to have "rozvrh hodin (timetable)" in tabs (now via acccordion). There will be 0-3 tabs/syllabus.

What is the link to your site?
This is a development website (no styling yet): hidden link

Thanks

[Shane]

Hi Alena,

Thank you for getting in touch.

It is possible with the legacy output editor as you have finer control over the the html in the loop output. With the block editor its not possible to do since this finer control isn't possible.

Will the tabs have static titles ?

Please let me know.
Thanks,
Shane

[Alena]

Ok. The tabs titles should be a custom text field Year of the custom post Timetable.

Thanks, Alena

[Shane]

Hi Alena,

You will need to employ the use of the Bootstrap CSS in order to achieve this.

Here is a simple example of how the tabs work.
hidden link

Our Toolset plugin also includes bootstrap 4 and you can enable it by going to Toolset -> Settings -> Bootstrap Loading.

Please let me know if this helps.
Thanks,
Shane

[Alena]

Hi Shane,

thank you for your support. I managed to create tabs without the Bootstrap, only with Javascript (hidden link).

Thanks, Alena