EventPro User Manual

Displaying Images from Locations

Hide Navigation Pane

Displaying Images from Locations

Previous topic Next topic No directory for this topic No expanding text in this topic  

Displaying Images from Locations

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.  

If you want to display images from the Location Setup Table (e.g. floor plans or photographs you have attached to an location), you will not be able to read the pictures directly from the database, but you can add code to the EPWEB\BIN\Templates\Standard\LocationViewPage.html to display the pictures.

First, if the folder does not already exist, create an images folder in your EPWeb Program Files. For example, if your EPWeb files are stored on your local drive C, go to C:\Program Files\EPWeb\Bin\Files, and create a new folder called Images, so that it is in C:\Program Files\EPWeb\Bin\Files\Images. Put the images in this folder and name the images according to the location codes in EventPro. For example, if you have locations called Grand Salon and Meeting Room, you could name the images Grand Salon1.jpg, Grand Salon2.jpg, Meeting Room1.jpg, and so on.

In your EPWeb program files, find the LocationViewPage.html. For example, if your EPWeb files are in your local C drive, go to C:\Program Files\EPWeb\Bin\Templates\Standard, and locate the LocationViewPage.html. Right-click the file and open it in a text editor, such as Notepad.

You can then add this code to the LocationViewPage.html in the place where you would like the images to appear: <img src="../../files/images/{%LocationCode%}.jpg"></img>

See the example code below:

 

<DIV class="navContent">

 <H3>Location View</H3>

 <HR>

 <TABLE>

 <TR><TD colspan=4 align=left><FONT class=FormHeading>General Information</FONT></TD></TR>

 <TR><TD align=right width=100><FONT class=FormLabel>Location:</FONT></TD><TD colspan=3>{%txtSetupLoc.LocCode%}</TD></TR>

 <TR><TD align=right><FONT class=FormLabel>Description:</FONT></TD><TD colspan=3>{%txtSetupLoc.Description%}</TD></TR>

 

 <TR><TD align=right><FONT class=FormLabel>Width:</FONT></TD><TD Width=75>{%txtSetupLoc.LocWidth%}</TD>

         <TD align=right Width=175><FONT class=FormLabel>Height:</FONT></TD><TD Width=75>{%txtSetupLoc.LocHeight%}</TD></TR>

 

 <TR><TD align=right><FONT class=FormLabel>Length:</FONT></TD><TD>{%txtSetupLoc.LocLength%}</TD>

         <TD align=right><FONT class=FormLabel>Max Entrance Height:</FONT></TD><TD>{%txtSetupLoc.MaxEntranceHeight%}</TD></TR>

 <TR><TD align=right><FONT class=FormLabel>Size:</FONT></TD><TD>{%txtSetupLoc.LocSize%}</TD>

         <TD align=right><FONT class=FormLabel>Max Entrance Width:</FONT></TD><TD>{%txtSetupLoc.MaxEntranceWidth%}</TD></TR>

 </TABLE>

 <table>

         <tr>

                 <td><img src="../../files/images/{%LocationCode%}1.jpg"></img></td>

                 <td><img src="../../files/images/{%LocationCode%}2.jpg"></img></td>

         </tr>

 </table>

 <HR>

 {%LocationFeatures Columns=|Feature;300;;Features|Quantity;100;Right;|%}

 <HR>

 {%LocationSetupTypes Columns=|SetupType;300;;Setup Types|LocCapacity;100;Right;Capacity|%}

 <HR>

 {%ButtonBack%}

</DIV>