summaryrefslogtreecommitdiff
path: root/demos/quickstart/protected/pages/Controls
diff options
context:
space:
mode:
authorxue <>2006-03-31 22:13:53 +0000
committerxue <>2006-03-31 22:13:53 +0000
commitb6e539162ea75250932b83def2c28d00041f96af (patch)
tree12774c4f1f5f8c8dc1f2b8081498e0f6b85a515f /demos/quickstart/protected/pages/Controls
parentcc9fdb6054c896b10ceaab73059e55031ae44d29 (diff)
Added TImageMap and TInlineFrame demos.
Diffstat (limited to 'demos/quickstart/protected/pages/Controls')
-rw-r--r--demos/quickstart/protected/pages/Controls/ImageMap.page19
-rw-r--r--demos/quickstart/protected/pages/Controls/InlineFrame.page18
-rw-r--r--demos/quickstart/protected/pages/Controls/Samples/TImageMap/Home.page42
-rw-r--r--demos/quickstart/protected/pages/Controls/Samples/TImageMap/Home.php11
-rw-r--r--demos/quickstart/protected/pages/Controls/Samples/TImageMap/hotspots.gifbin0 -> 3563 bytes
-rw-r--r--demos/quickstart/protected/pages/Controls/Samples/TInlineFrame/Home.page34
-rw-r--r--demos/quickstart/protected/pages/Controls/Standard.page4
7 files changed, 126 insertions, 2 deletions
diff --git a/demos/quickstart/protected/pages/Controls/ImageMap.page b/demos/quickstart/protected/pages/Controls/ImageMap.page
index 0d7d65b1..997faad6 100644
--- a/demos/quickstart/protected/pages/Controls/ImageMap.page
+++ b/demos/quickstart/protected/pages/Controls/ImageMap.page
@@ -3,4 +3,23 @@
<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> \ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/InlineFrame.page b/demos/quickstart/protected/pages/Controls/InlineFrame.page
index ea89a690..56e3f382 100644
--- a/demos/quickstart/protected/pages/Controls/InlineFrame.page
+++ b/demos/quickstart/protected/pages/Controls/InlineFrame.page
@@ -3,4 +3,22 @@
<h1>TInlineFrame</h1>
<com:DocLink ClassPath="System.Web.UI.WebControls.TInlineFrame" />
+<p>
+<tt>TInlineFrame</tt> displays an inline frame (&lt;iframe&gt;) on a Web page. The location of the frame content is specified by the <tt>FrameUrl</tt> property.
+</p>
+<p>
+The appearance of a <tt>TInlineFrame</tt> may be customized with the following properties, in addition to those inherited from <tt>TWebControl</tt>.
+</p>
+<ul>
+ <li><tt>Align</tt> - the alignment of the frame.</li>
+ <li><tt>DescriptionUrl</tt> - the URI of a long description of the frame's contents.</li>
+ <li><tt>MarginWidth</tt> and <tt>MarginHeight</tt> - the number of pixels to use as the left/right margins and top/bottom margins, respectively.</li>
+ <li><tt>ScrollBars</tt> - whether scrollbars are provided for the inline frame. By default, it is <tt>Auto</tt>, meaning the scroll bars appear as needed. Setting it as <tt>None</tt> or <tt>Both</tt> to explicitly hide or show the scroll bars.</li>
+</ul>
+
+<p>
+The following samples show <tt>TInlineFrame</tt> with different property settings. The Google homepage is used as the frame content.
+</p>
+<com:RunBar PagePath="Controls.Samples.TInlineFrame.Home" />
+
</com:TContent> \ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TImageMap/Home.page b/demos/quickstart/protected/pages/Controls/Samples/TImageMap/Home.page
new file mode 100644
index 00000000..bf291456
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TImageMap/Home.page
@@ -0,0 +1,42 @@
+<com:TContent ID="body">
+
+<h1>TImageMap Sample</h1>
+
+<com:TImageMap
+ ImageUrl=<%~hotspots.gif%>
+ AlternateText="navigate buttons"
+ OnClick="buttonClicked" >
+
+<com:TCircleHotSpot
+ HotspotMode="Navigate"
+ NavigateUrl="http://www.pradosoft.com"
+ AlternateText="Navigate to pradosoft.com"
+ Target="_blank"
+ X="80"
+ Y="80"
+ Radius="55" />
+
+<com:TPolygonHotSpot
+ HotspotMode="Inactive"
+ AlternateText="Inactive area"
+ Coordinates="200,137,255,95,313,137,291,204,219,204"
+ />
+
+<com:TRectangleHotSpot
+ HotspotMode="PostBack"
+ PostBackValue="Welcome!"
+ CausesValidation="true"
+ ValidationGroup="Group1"
+ AlternateText="Button 2"
+ Top="52"
+ Left="172"
+ Bottom="259"
+ Right="339" />
+
+</com:TImageMap>
+
+<br/>
+
+<com:TLabel ID="Result" />
+
+</com:TContent> \ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TImageMap/Home.php b/demos/quickstart/protected/pages/Controls/Samples/TImageMap/Home.php
new file mode 100644
index 00000000..b8e17941
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TImageMap/Home.php
@@ -0,0 +1,11 @@
+<?php
+
+class Home extends TPage
+{
+ public function buttonClicked($sender,$param)
+ {
+ $this->Result->Text="Your post value is : ".$param->PostBackValue;
+ }
+}
+
+?> \ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TImageMap/hotspots.gif b/demos/quickstart/protected/pages/Controls/Samples/TImageMap/hotspots.gif
new file mode 100644
index 00000000..dec647b1
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TImageMap/hotspots.gif
Binary files differ
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TInlineFrame/Home.page b/demos/quickstart/protected/pages/Controls/Samples/TInlineFrame/Home.page
new file mode 100644
index 00000000..90f3f5a1
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TInlineFrame/Home.page
@@ -0,0 +1,34 @@
+<com:TContent ID="body">
+
+<h1>TInlineFrame Samples</h1>
+
+<table class="sampletable">
+
+<tr><td class="samplenote">
+Inline frame with default settings:
+</td><td class="sampleaction">
+<com:TInlineFrame FrameUrl="http://www.google.com/" />
+</td></tr>
+
+<tr><td class="samplenote">
+Inline frame customized with margins and align:
+</td><td class="sampleaction">
+<com:TInlineFrame
+ MarginWidth="100"
+ MarginHeight="100"
+ Align="Right"
+ FrameUrl="http://www.google.com/" />
+</td></tr>
+
+<tr><td class="samplenote">
+Inline frame without scrollbars and border:
+</td><td class="sampleaction">
+<com:TInlineFrame
+ ScrollBars="None"
+ ShowBorder="false"
+ FrameUrl="http://www.google.com/" />
+</td></tr>
+
+</table>
+
+</com:TContent> \ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Standard.page b/demos/quickstart/protected/pages/Controls/Standard.page
index 026d3d1a..d2b36d1c 100644
--- a/demos/quickstart/protected/pages/Controls/Standard.page
+++ b/demos/quickstart/protected/pages/Controls/Standard.page
@@ -51,11 +51,11 @@
<a href="?page=Controls.ImageButton">TImageButton</a> represents a click button that has an image as the background. It is mainly used to trigger page postback.
</li>
- <li>*
+ <li>
<a href="?page=Controls.ImageMap">TImageMap</a> represents an image on a Web page with clickable hotspot regions.
</li>
- <li>*
+ <li>
<a href="?page=Controls.InlineFrame">TInlineFrame</a> represents an &lt;iframe&gt; HTML element on a Web page.
</li>