demos/quickstart/protected/pages/Controls/ImageMap.page


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<com:TContent ID="body" >

<h1>TImageMap</h1>
<com:DocLink ClassPath="System.Web.UI.WebControls.TImageMap" />

<p>
<tt>TImageMap</tt> represents an image on a Web page with predefined hotspot regions that can respond differently to users' clicks on them. Depending on the <tt>HotSpotMode</tt> of the hotspot region, clicking on the hotspot may trigger a postback or navigate to a specified URL.
</p>
<p>
Each hotspot is described using a <tt>THotSpot</tt> object and is maintained in the <tt>HotSpots</tt> collection in <tt>TImageMap</tt>. A hotspot can be a circle, rectangle, polygon, etc.
</p>
<p>
Hotspots can be added to <tt>TImageMap</tt> via its <tt>HotSpots</tt> property or in a template like the following,
</p>
<com:TTextHighlighter Language="prado" CssClass="source">
&lt;com:TImageMap ... &gt;
  &lt;com:TCircleHotSpot ... /&gt;
  &lt;com:TRectangleHotSpot ... /&gt;
  &lt;com:TPolygonHotSpot ... /&gt;
&lt;/com:TImageMap&gt;
</com:TTextHighlighter>

<com:RunBar PagePath="Controls.Samples.TImageMap.Home" />

</com:TContent>