Adding Images to Buttons in WaiterMate

Summary

Images can be added to buttons in WaiterMate to make identifying products easier for staff. This is often used in 'fast screens' in fast paced bars and restaurants.

Step 1 - Creating or Editing the Images

• The actual image will need to be created using external software such as photoshop.
• The image will replace the entire button image, so it should include any font or description required on the button. For example if creating a beer on tap available in Pot and Pint sizes, they must be created as separate images including the word 'Pot' or 'Pint' in the actual image.
• The image will need to be created the same size as the button or smaller. This size will depend on how the individual display properties are set in OfficeMate.
• If the image is made smaller than the button, the original button can be seen and the new image will be centered. With some images, this can be used to 'frame' the image.
• If the image is bigger than the button only the center of the image will be visible.
• Save the image as either a .jpg or .png file.

Step 2 - Saving the Images

Once the image has been created, it will need to be saved in the webstart directory on a terminal.

The path should be: C:\Program Files\OrderMate\Apache Group\htdocs\Webstart

As shown below for the example image e.g. Asahi_grey.jpg

Step 3 - Assigning the Image to the Item in OfficeMate

Navigate to the 'Items' screen in OfficeMate. From this screen choose show extended view to show the 'Icon' column.

Type the following path into the field: http://computer name/webstart/image name and file extension.

Eg: http://ordermate/webstart/Asahi_grey.jpg (as shown below)

Step 4 - Viewing the image in WaiterMate

Once the changes have been made, WaiterMate will require to be restarted.

Images will be seen in the ordering screen as shown below.