Milestone XProtect Smart Client 2013 - Manual (Page 107)

Milestone XProtect ® Smart Client
2014
User's Manual
www.milestonesys.com 107 Defining your views
We then imported the HTML page into the required XProtect Smart Client views. When importing the
HTML page, we made sure to select Enable HTML scripting in the HTML page's Properties in setup
mode.
Selecting Enable HTML scripting ensures that the scripting required for the buttons to work is
automatically inserted in the HTML page.
Example of an HTML page with image map navigation
You can also create an HTML page with more advanced content, for example, an image map allowing
users to switch between views.
In the following example we have kept the two groups and two views from the previous example.
Instead of using buttons, we have created an HTML page with an image of a floor plan, and created
an image map based on the floor plan. Viewed in a browser, our HTML page looks like this:
HTML page with image map for navigating between views
For this example, we divided the floor plan into four colored zones, and defined an image map area for
each zone. Users can click a zone to go to the view displaying cameras from that zone.
For instance, the red zone on our image map mirrors the Go to Shared Group2 View2 button from
the previous example. If you click the red zone, you will go to View2 in Group2.
Importing the HTML page
Importing a navigation HTML page into a view is in principle no different from importing any other type
of HTML page into a view in the XProtect Smart Client . The two important things to remember are:

The HTML page should be stored locally on the user's PC