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!