EventPro Planner Manual

Edit Webpages

Hide Navigation Pane

Edit Webpages

Previous topic Next topic No directory for this topic Expand/collapse all hidden text  

Edit Webpages

Previous topic Next topic Topic directory requires JavaScript JavaScript is required for expanding text JavaScript is required for the print function Mail us feedback on this topic.  

NOTE: This is Technical Information intended for users with HTML programming experience.

You can edit webpages in the program Web Page editor, or you can use Microsoft FrontPage or another HTML editor that you prefer.

Click to expand/collapse textControl Tags Overview

Control Tags in the templates add data entry and display fields and other controls (i.e. buttons, links, etc.) so that users can control the data required for the registration process.

When adding controls to a template, the control needs to be surrounded with braces and percent signs. This will place the control in that position on the page you are editing.

e.g. {%Control%}

{%txtEventName%}

txt = text from the database

{%lblFirstName%}

lbl = a caption

{%editFirstName%}

edit = edit box where information can be entered or selected

You can also add some properties to each of the controls to change the size, position, and look of the control. To add a property to a control, you just need to add after the control name the property name followed by an equal sign and then the value. Separate each property with a space.

i.e. {%Control Property1=Value1 Property2=Value2%}

Some common properties that you may want to set are as follows.

Property

Description

Height

{%editAddress height=50%}

The height of the control in pixels.

Width

{%editFirstName width=100%}

The width of the control in pixels.

Height and Width

{%editAddress width=175 height=50%}


Color

{%editLastName width=100 font.color=clgreen%}

The color of the control in hexadecimal.

Font.Color

<font color=#ff0000>{%txtFirstName width=100 Font.Color%}</font>

The color of the font inside of that control.

Caption

{%ButtonNext caption="Continue"%}

The name of the caption.

Some pages also contain special controls that can only be used on specific pages.  One important control is on the main template page, Template.html.  As you learned above in Template Setup: Main Template File (Template.html) and Individual Page Template Files, the main Template page contains the PageContent control, which shows Attendee Online where the requested page should be placed on the page. If the template page does not contain a PageContent control, then none of the requested pages would be displayed.

Click to expand/collapse textAdding Fields to the Registration Contact page

You can edit the Registration Contact page in the EventPro Planner Web Page Editor, or you can edit the RegContactPage.html in another HTML Editor.  Attendee Online will select the a template to use based on a hierarchy - see Which Templates are Used.

Regardless of which template you edit, you must complete two steps in order to have the fields you want appear on the web pages.

1.First, in EventPro Planner, find the relevant event, click the Options button and select Edit Online Event Information.  In the Online Event [Edit] window, click on the Entry Fields tab. Under All Fields, select the field you want to add to the Registration Contact page and click the > arrow to transfer it into the Selected Fields area.  You can adjust the field properties following the instructions in Edit Online Event Information: Entry Fields.  You must select the fields here, whether you are using the EventPro Planner Web Page Editor or another HTML Editor.  Even if you add the correct control tag to the code, e.g. {%editAttendeeType%}, the field will not appear on the web page if it is not under Selected Fields.
2.The next step depends on whether you are using the EventPro Planner Web Page editor, or another html editor.
a.EventPro Planner Web Page Editor: Click on the Web Pages tab and select the page from the Web Page Selection drop down list.  Place the cursor where you want the new control tag to be inserted.  Under Page Controls on the left, double click the page control to add it to the page.
b.HTML Editor: Open the relevant html file in the editor and add the control tag in the location where you would like the new field to appear.
Click to expand/collapse toggleRegItemControl Parameters

You can change the RegItemControl found on the RegDetailPage, RegSubmitPage, RegAcceptDeclinePage, RegEditDetailPage, RegEditSubmitPage, RegGuestDetailPage, and the RegGuestSubmitPage, in order to hide the quantity, charge and total columns in the registration detail table.

_img859

To hide the quantity, charge and total columns, you just need to add a parameter to the RegItemControl tag. The parameters are hidequantity, hidecharge, and hidetotal. For example, if you want to hide all three columns you would use: {%RegItemControl hidequantity hidecharge hidetotal%}

You can also change the headings of the five columns in the registration detail table (RegItemControl). To change the heading of a registration detail column, you will need to add a parameter to the tag to say what the heading should be. The parameter would be a name and value pair, separated with an equal sign. The names of the parameters are title1, title2, title3, title4, and title5 for each of the five titles. The value must be entered in quotation marks. For example, to change the header of the first column to say Items, you would use: use {%RegItemControl title1="Items"%}

You can use both of these parameters together, as in the following example: {%RegItemControl title1="Registration Items" hidecharge hidetotal%}

Click to expand/collapse textAttendee Types

The Attendee Types field is an example of a field you may want to add to the Registration Contact page.  You can set the Default Attendee Type in the Online Event [Edit] window, but if you want online registrants to be able to select the Attendee Type, you need to add the field to the webpage.

1.In EventPro Planner, find the relevant event.  Click the Options button and select Edit Online Event Information.
2.In the Online Event [Edit] window, click on the Entry Fields tab.
3.Under All Fields, select the Attendee Type field and click the > arrow to transfer it into the Selected Fields area.
4.The next step depends on whether you are using the EventPro Planner Web Page editor, or another html editor.
5.If you are using the EventPro Planner Web Page editor, click on the Web Pages tab and select Registration Contact from the Web Page Selection drop down list.  Place the cursor where you want the Attendee Type drop-down list to be inserted.  On the left, double click editAttendeeType to add  {%editAttendeeType%} to the page.
6.If you are using another html editor, open the RegContactPage.html in the editor and add {%editAttendeeType%} in the location where you would like the Attendee Type drop-down list to appear.
7.You probably also want to add an Attendee Type label in front of the {%editAttendeeType%} field.  In the EventPro Planner Web Page editor, double click lblAttendeeType to add the field, or in another editor add {%lblAttendeeType%} in the correct location.

_img857