Creating a Horizontal Carousel for Generated Posts in Formidable Forms

By: Umby Uber | Asked: 08/25/2024
ForumsCategory: Code HelpCreating a Horizontal Carousel for Generated Posts in Formidable Forms
Umby UberUmby Uber asked 2 months ago

Hello Formidable Forms community, I'm working on a project where I need to display multiple posts generated by Formidable Forms in a horizontal carousel format. Here's what I'm trying to achieve:

  1. Display multiple posts in a horizontally scrollable carousel.
  2. Each post should show:
    • An image (field [xxx])
    • A title (field [xxx])
    • Date information (fields [xxx] and [xxx])
    • Additional text based on date conditions

I've tried using [foreach id] and [repeater] tags, but I'm encountering issues with the parsing of these tags. The posts are being displayed, but they're overlapping, and the foreach loop doesn't seem to be recognized properly.

 

<div class="carousel-container"> [foreach id] <div class="carousel-item"> <img src="[xxx size=full]" /> <h5>[xxx]</h5> <!-- More content here --> </div> [/foreach] </div>

 

I have JavaScript set up to handle the horizontal scrolling, but the issue seems to be with generating the correct HTML structure from Formidable Forms. Questions:

  1. What's the correct way to iterate through multiple posts in a View to create a carousel structure?
  2. Are there any specific settings in the View that I need to configure to make this work?
  3. Is there a recommended approach or any plugins/add-ons for Formidable Forms that could help achieve this carousel layout?

Any guidance or examples would be greatly appreciated. Thank you in advance for your help!

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right