Step 1

In order to use this floor plan function, follow the step2 below. (Sample: M3270)

Preferences > Step1 Page > Display Events as “Floor plan”
Put the variable %%step1_form_selectbox%% on step1 template
Styling the event selector by CSS

%%step1_form_selectbox%% generates the following html codes.

<div class=”Step1TFP” id=”Step1TFP”>
<div class=”FP_event” id=”ecode001″ eid=”500000531178642″>
<div class=”FP_selector”>
Step1 Selector comes here*
</div>
<div class=”FP_ecode”>001</div>
<div class=”FP_spotleft”>0</div>
</div>
</div>

*Step1 Selector

SelectBox
<select class=”step1_matrix_select” name=”ExE500000521415975[0]”>
<option selected=”selected” value=”0″>0</option>
<option value=”1″>1</option>
</select>
Checkbox
<input class=”step1_matrix_check” name=”ExE500000521415980[0]” type=”checkbox” value=”1″ />
Radio Button
<input class=”step1_matrix_radio” name=”RadioGrp_[0]” type=”radio” value=”ExE500000521421439[0]” />
Sold out
<div class=”FP_soldout”></div>

Sample Code

With CSS, the html code rendered like the image below.

Note:

Does not work with Matrix labels, Overlap events

Form Heading:

</FORM>

All form variables go between the above two lines of code.

All the following variables will be replaces with the appropriate data. They must be enclosed between “%% %%” to work (e.g. %%amount_paid%%).

Variables

Variable	Variable Definition in Step1
step1_matrix_desc	The sentence above the matrix under Preferences
step1_form_selectbox	This displays the select box for the registrant to select events. ‘Next’ and ‘Cancel’ buttons must be added seperately, either by adding a Registrant’s Name input box (see above), or each button seperately (see below).
step1_form_matrix	This displays textboxes for a registrant to enter their first and last name and the select box for the registrant to select events. The ‘Next’ and ‘Cancel’ buttons can be removed under Edit > Preferences > Step 1. The ‘Français’ button can be turned on and off under Edit > Preferences > Language.
step1_form_registrant_name	This displays textboxes for a registrant to enter their first and last name. The ‘Next’ and ‘Cancel’ buttons can be removed under Edit > Preferences > Step 1. The ‘Français’ button can be turned on and off under Edit > Preferences > Language.
step1_default_fullpage	Display the whole step1 contents – this will come with <html>, <header>, <body> tags
step1_default	Display the whole step1 contents
mandatory_system_message	This variable MUST be included in all custom templates. For Step1 Floor plan: Display important hidden data (state, ticketname) For Regular Case: Display javascript for Submit buttons (Next, Cancel, Language) and Recall pick list
step1_form_action	Step1 form action (/cgi-bin/mkpayment.cgi)
step1_form_name	Step1 form name (registerform)
step1_form_method	Step1 form method (post)
step1_form_hiddendata	This variable MUST be included in all step 1 custom templates. It goes right before the </FORM>. This returns the important hidden data (state, ticketname, recall PID for picklist)
step1_nextbutton	Next button (<input name=”nextbutton” type=”submit” value=”Next” />)
step1_form_nextbutton_name	Next button name (nextbutton)
step1_form_nextbutton_value	Next button value (Next)
step1_resetbutton	Reset Button (<input name=”resetbutton” type=”submit” value=”Reset” />)
step1_form_resetbutton_name	Reset button name (resetbutton)
step1_form_resetbutton_value	Reset button value (Reset)
step1_cancelbutton	Cancel Button (<input name=”cancelbutton” type=”submit” value=”Cancel” />)
step1_form_cancelbutton_name	Reset button name (cancelbutton)
step1_form_cancelbutton_value	Cancel button value (Cancel)
step1_languagebutton	Language Button (<input name=”languagebutton” type=”submit” value=”Francias/English” />)
step1_form_languagebutton_name	Language button name (languagebutton)
poweredby	Display poweredby eRegister
cashier_banner	Cashier Banner
step1_form_current_reg_first_event form_current_reg_first_event	The first selected event primary key
Promo Code
step1_promoprompt	Promo prompt
step1_promobutton	Promo submit button (<input name=”step1_promobutton” type=”submit” value=”xxx” />)
step1_promohidden	Promo hidden button (<input name=”step1_promobutton” type=”hidden” value=”xxx” />)
step1_promobox	Promo text box (<input name=”step1_promobox” type=”text” value=”xxx” />)
step1_promoname	Promo code name (step1_promobox)
step1_promovalue	Selected Promo Value
Event Filtering
step1_filtering	Display the Event Filtering Box (make sure the filtering is enabled)
step1_filtering_prompt	Filtering Prompt
step1_filtering_string	Filtering box (<input maxlength=”100″ name=”step1_filtering_string” size=”12″ type=”text” value=”xxx” />)
step1_filtering_button	Filtering submit button (<input id=”filteringbutton” name=”filteringbutton” type=”submit” value=”Search” />)
InGo Widget
ingo_widget_login	Script for InGo Login Widget
ingo_widget	InGo Login Widget Box
ingo_widget_css	CSS for InGo
Step1 Floor Plan
eventURL[EID]	Return the step2 Direct URL if spot available for that event. (please do not use this. use javascript if possible)
eventJSurl[EID]	Return javascript to open the step2 Direct URL if spot available for that event. (please do not use this. use javascript if possible)
eventTARGET[EID]	Return “_blank” if spot available for that event. Return “_self” otherwise. (please do not use this. use javascript if possible)
eventAVAILABILITY[EID]	Return “AVAILABLE” if spot available for that event. Return “TAKEN” otherwise. (please do not use this. use javascript if possible)
eventSPOTAVAILABLE[EID]	Return the # of spots available for that event.
eventMESSAGE1[EID]	Return “Message 1” if spot available for that event. Return “Taken.” otherwise.
Merchant Info
merchant_name1	Merchant Account Name
merchant_name2	Secondary Merchant Account Name
merchant_company	Company/Organization Name
merchant_name1_url	Website Address
merchant_name2_url	Secondary Website Address
merchant_company_url	Company website
merchant_address	Contact Province
merchant_province	Contact Province
merchant_city	Contact City
merchant_postalcode	Contact Postal Code
merchant_country	Contact Country
merchant_phone	Contact Phone Number
merchant_fax	Contact Fax Number
merchant_cell	Contact Cellphone Number
merchant_contact_name	Contact Name
merchant_contact_email	Contact E-mail Address
merchant_chequepayable_name	“Make Mailed Cheques Payable To” in Preferences
merchant_chequepayable_address_line1	Mailing Address Line 1
merchant_chequepayable_address_line2	Mailing Address Line 2
merchant_chequepayable_address_line3	Mailing Address Line 3
merchant_chequepayable_address_line4	Mailing Address Line 4

Step 1

Template for Floor Plan

Example Custom Template Code

Custom Template Variables

Variables

Step 1 Default Templates