Control Tags and Online Module Syntax for Manipulating Fields

1.	Control tags in the templates add data entry/display fields and other controls, such as buttons, links, etc., so that you can control the data entered and the appearance of the web pages. You also can specify which fields you would like to have as required fields in the template.

2.	To modify a template, find a template in C:\Program Files\EPWeb\Bin\Templates\Standard and open it in Notepad or an HTML editor. Do not edit a template from the Reference sub-folder, as your changes will be lost when EPWeb is updated and the files in Reference overwritten.

When adding controls to a template, the control needs to be surrounded with braces and percent signs, e.g. {%Control%} This will place the control in that position on the page you are editing the template for. You can also add some properties to each of the controls to change the size, position, and look of the control.

4.	To add a property to a control, you just need to add the property name after the control name followed by an equal sign and then the value. Separate each property with a space. {%Control Property1=Value1 Property2=Value2%}

5.	For example, it is optional to say a field is required on edit screens. {%Control.isrequired Property1=Value1 Property2=Value2%}

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

Property	Description/Example
Height	The height of the control in pixels. {%editAddress height=50%}
Width	The width of the control in pixels. {%editFirstName width=100%}
Height and Width	{%editAddress width=175 height=50%}
Color	The color of the control in hexadecimal. {%editLastName width=100 font.color=clgreen%}
Font.Color	The color of the font inside of the control. <font color=#ff0000>{%txtFirstName width=100 Font.Color%}</font>
Caption	The name of the caption. {%ButtonNext caption='"Continue"%}
DateTo	If you remove the DateTo from the AvailableSpacePage template, EPWeb will assume that you are looking for a space that is only one day long.

You can also use tags to remove fields that you do not want displayed on EPWeb. For example, in the Event Information page, you can hide the Price, Quantity and Total columns by modifying the location grid tag {%LocationGrid%} in the EventViewPage.html template. An example removing all three columns is: {%LocationGrid HidePrice HideQuantity HideTotal%}

Another common property used for EPWeb is opening the online session in a new window without the browser buttons, as the regular browser buttons do not work for EPWeb. You must use the Back and Next buttons in the webpage.

Add to the Template.html file:

var newwindow;

function poptastic(url)

{ newwindow=window.open(url,'name','height=600px,width=800px, scrollbars=yes, resizable=yes');

if (window.focus) {newwindow.focus()}

}

</script>

Syntax for the actual link:

<a href="javascript:poptastic('http://www.eventpro.net:8080/?Template=blue')" name="EPWeb sample 1">EPWeb</a>

Link to external site in new window:

<a href='http://www.eventpro.net target='_blank'>EventPro home</a>

Link to file in new window:

<a href='// www.eventpro.net:8080/Files/EventInvoice.pdf' target='_blank'>Invoice</a>

Help URL: http://www.eventpro.net/Manual/HTML/index.html?ch17_control_tags_and_online_module_syntax_for_manipulating_fields.htm

Control Tags and Online Module Syntax for Manipulating Fields						Dear EventPro Documentation Department,
Control Tags and Online Module Syntax for Manipulating Fields