Gravity event form and pull the data with tangible blocks

Final form product

Live Demo


Displaying collected data


Full code used

 <If loop type=gravity_form_entry form_id="[6]">
  <ul class="tt-loop-list" id="event-listing">
    <Loop type=gravity_form_entry form_id=6 orderby=id order=desc paged=9>
      <div class="tt-event-row">
        <div class="tt-event-day">
          <span>
            <Date format="d">
              <GField id=13 />
            </Date>
          </span>
          <span>
            <Date format="F">
              <GField id=2 />
            </Date>
          </span>
        </div>
        <ul class="tt-event-info">
          <li class="tt-event-title"><strong>Event Title:</strong>
            <GField select id=8 value_key=text />
          </li>
          <li><strong>Start date and hour:</strong>
            <Date format="F d, Y">
              <GField id=13 />
            </Date>
            <Date format="g a">
              <GField id=2 />
            </Date>
          </li>
          <li><strong>End date and hour:</strong>
            <Date format="F d, Y">
              <GField id=14 />
            </Date>
            <Date format="g a">
              <GField id=12 />
            </Date>
          </li>
          <li class="tt-event-address"><strong>Event Address:</strong>
            <GField select id=9 value_key="text" />
          </li>
          <li class="tt-event-descr"><strong>Event Description:</strong>
            <GField select id=10 value_key="text" />
          </li>
          <li class="tt-event-link"><strong>Event Link:</strong>
            <GField select id=17 value_key="text" />
          </li>
          <li class="tt-event-price"><strong>Event Price:</strong>
            <GField select id=18 value_key="text" />
          </li>
        </ul>
        <figure class="tt-event-cover">
          <img src="{GField radio id=20 value_key=value}" />
        </figure>
      </div>
    </Loop>
  </ul>
  <If check="{Get loop=previous_total}" more_than value=9>
    <PaginateButtons />
  </If>
  <Else />
  No listings yet. Add one with the form!
 </If>

Explaining the L&L code we wrote

Was this article helpful? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us