Event Registration Form Code Sample

Here is some example code to build an event registration form page for the calendar. This is just an example and you have the flexibility to lay out the page to suit your own design.

Below is a screenshot of the layout that this code will build. 

HTML:

Below is the HTML / Branch code that would go in the Template field for the Event Registration content template. 

<div class="eventListHeader">
  <a href="{#event.url}" id="eventTitleBack" > < BACK </a><br /><br />
  <h3>Registration for: <b>{#event.title}</b></span></h3>
</div>

<div class="eventElement">
  <b><span class="eventElementMeta">
    {#event.date} -
    {if #event.time.type == 'timed'}
      {#event.time.start} to {#event.time.end}
    {elseif #event.time.type == 'start'}
      {#event.time.start}
    {elseif #event.time.type == 'allday'}
      All Day
    {else}
      TBA
    {/if}
    {if #event.locationVenue}
      • {#event.locationVenue}
    {/if}
    {if #event.city}, {#event.city}{/if}
  </span></b>
  {#registrationForm.content}
</div>