6 files changed, 107 insertions, 0 deletions
diff --git a/demos/quickstart/protected/pages/Controls/Samples/THyperLink/Home.page b/demos/quickstart/protected/pages/Controls/Samples/THyperLink/Home.page
new file mode 100644
index 00000000..8d8c700e
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/THyperLink/Home.page
@@ -0,0 +1,50 @@
+<com:TContent ID="body">
+
+<h1>THyperLink Samples</h1>
+
+<table class="sampletable">
+
+<tr><td class="samplenote">
+A regular hyperlink:
+</td><td class="sampleaction">
+Welcome to
+<com:THyperLink
+	NavigateUrl="http://www.pradosoft.com/"
+	Text="PradoSoft.com"
+	Target="_blank" />.
+</td></tr>
+
+<tr><td class="samplenote">
+A text hyperlink with css style:
+</td><td class="sampleaction">
+Welcome to
+<com:THyperLink
+	NavigateUrl="http://www.pradosoft.com/"
+	Text="PradoSoft.com"
+	Target="_blank"
+	BackColor="silver"
+	Font.Italic="true" />.
+</td></tr>
+
+<tr><td class="samplenote">
+An image hyperlink:
+</td><td class="sampleaction">
+<com:THyperLink
+	NavigateUrl="http://www.pradosoft.com/"
+	ImageUrl=<%~hello_world.gif%>
+	Text="Hello World" />.
+</td></tr>
+
+<tr><td class="samplenote">
+A hyerplink with body contents as link text:
+</td><td class="sampleaction">
+<com:THyperLink
+	NavigateUrl="http://www.pradosoft.com/"
+	Target="_blank">
+Body contents
+</com:THyperLink>
+</td></tr>
+
+</table>
+
+</com:TContent>
+\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Samples/THyperLink/hello_world.gif b/demos/quickstart/protected/pages/Controls/Samples/THyperLink/hello_world.gif
new file mode 100644
index 00000000..bc81443c
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/THyperLink/hello_world.gif
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TImage/HelloWorld.html b/demos/quickstart/protected/pages/Controls/Samples/TImage/HelloWorld.html
new file mode 100644
index 00000000..3a319a1b
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TImage/HelloWorld.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<title>Hello World!</title>
+</head>
+<body>
+This is Hello World long description file!
+</body>
+</html>
+\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TImage/Home.page b/demos/quickstart/protected/pages/Controls/Samples/TImage/Home.page
new file mode 100644
index 00000000..5dbb754b
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TImage/Home.page
@@ -0,0 +1,41 @@
+<com:TContent ID="body">
+
+<h1>TImage Samples</h1>
+
+<table class="sampletable">
+
+<tr><td class="samplenote">
+Image with only <tt>ImageUrl</tt> being set:
+</td><td class="sampleaction">
+<com:TImage ImageUrl=<%~hello_world.gif%> />
+</td></tr>
+
+<tr><td class="samplenote">
+Image with <tt>AlterantiveText</tt> being set:
+</td><td class="sampleaction">
+<com:TImage
+	ImageUrl=<%~hello_world.gif%>
+	AlternateText="Hello World!"/>
+</td></tr>
+
+<tr><td class="samplenote">
+Image with <tt>baseline</tt> alignment:
+</td><td class="sampleaction">
+Hello World! Hello World! Hello World! Hello World! Hello World! Hello World!
+Hello World! Hello World! Hello World! Hello World! Hello World! Hello World!
+Hello World! Hello World! Hello World! Hello World! Hello World! Hello World!
+Hello World! Hello World! Hello World! Hello World! Hello World! Hello World!
+<com:TImage ImageUrl=<%~hello_world.gif%> ImageAlign="baseline" />
+</td></tr>
+
+<tr><td class="samplenote">
+Image with <tt>DescriptionUrl</tt>:
+</td><td class="sampleaction">
+<com:TImage
+	ImageUrl=<%~hello_world.gif%>
+	DescriptionUrl=<%~HelloWorld.html%> />
+</td></tr>
+
+</table>
+
+</com:TContent>
+\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TImage/hello_world.gif b/demos/quickstart/protected/pages/Controls/Samples/TImage/hello_world.gif
new file mode 100644
index 00000000..bc81443c
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TImage/hello_world.gif
diff --git a/demos/quickstart/protected/pages/Controls/Simple.page b/demos/quickstart/protected/pages/Controls/Simple.page
index 86b819f4..f6f981c4 100644
--- a/demos/quickstart/protected/pages/Controls/Simple.page
+++ b/demos/quickstart/protected/pages/Controls/Simple.page
@@ -9,8 +9,16 @@
 <com:RunBar PagePath="Controls.Samples.TLabel.Home" />
 
 <h2>THyperLink</h2>
+<p>
+<tt>THyperLink</tt> displays a hyperlink on a page. The hyperlink URL is specified via the <tt>NavigateUrl</tt> property, and link text is via the <tt>Text</tt> property. The link target is specified via the <tt>Target</tt> property. It is also possible to display an image by setting the <tt>ImageUrl</tt> property. In this case, <tt>Text</tt> is displayed as the alternate text of the image. If both <tt>ImageUrl</tt> and <tt>Text</tt> are empty, the content enclosed within the control tag will be rendered.
+</p>
+<com:RunBar PagePath="Controls.Samples.THyperLink.Home" />
 
 <h2>TImage</h2>
+<p>
+<tt>TImage</tt> displays an image on a page. The image is specified via the <tt>ImageUrl</tt> property which takes a relative or absolute URL to the image file. The alignment of the image displayed is set by the <tt>ImageAlign</tt> property. To set alternate text or long description of the image, use <tt>AlternateText</tt> or <tt>DescriptionUrl</tt>, respectively.
+</p>
+<com:RunBar PagePath="Controls.Samples.TImage.Home" />
 
 <h2>TPanel</h2>
 <p>