| +A regular hyperlink: + |
+Welcome to
+ |
| +A text hyperlink with css style: + |
+Welcome to
+ |
| +An image hyperlink: + |
+ |
| +A hyerplink with body contents as link text: + |
+ |
| +Image with only ImageUrl being set: + |
+ |
| +Image with AlterantiveText being set: + |
+ |
| +Image with baseline alignment: + |
+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!
+ |
| +Image with DescriptionUrl: + |
+ |
+THyperLink displays a hyperlink on a page. The hyperlink URL is specified via the NavigateUrl property, and link text is via the Text property. The link target is specified via the Target property. It is also possible to display an image by setting the ImageUrl property. In this case, Text is displayed as the alternate text of the image. If both ImageUrl and Text are empty, the content enclosed within the control tag will be rendered. +
++TImage displays an image on a page. The image is specified via the ImageUrl property which takes a relative or absolute URL to the image file. The alignment of the image displayed is set by the ImageAlign property. To set alternate text or long description of the image, use AlternateText or DescriptionUrl, respectively. +
+
diff --git a/demos/quickstart/themes/PradoSoft/style.css b/demos/quickstart/themes/PradoSoft/style.css
index bd4a4aee..1d084548 100644
--- a/demos/quickstart/themes/PradoSoft/style.css
+++ b/demos/quickstart/themes/PradoSoft/style.css
@@ -37,24 +37,24 @@ a
height:100px;
background-image: url('pradologo.gif');
background-repeat: no-repeat;
-}
-
-#header div.title
-{
- display: none;
-}
-
-#header div.image
-{
- display: block;
- float: right;
- width: 757px;
- height: 100px;
- background-image: url('mantis.jpg');
- background-repeat: no-repeat;
- background-position: top right;
-}
-
+}
+
+#header div.title
+{
+ display: none;
+}
+
+#header div.image
+{
+ display: block;
+ float: right;
+ width: 757px;
+ height: 100px;
+ background-image: url('mantis.jpg');
+ background-repeat: no-repeat;
+ background-position: top right;
+}
+
#menu {
@@ -163,7 +163,7 @@ a
.runbar a:link, .runbar a:visited {
background-color:#E2E2E2;
font-size: 12px;
- font-weight: none;
+ font-weight: normal;
padding: 3px;
padding-left: 6px;
padding-right: 6px;
@@ -177,7 +177,7 @@ a
.runbar a:link.active, .runbar a:visited.active, .runbar a:hover {
background-color:#E2E2E2;
font-size: 12px;
- font-weight: none;
+ font-weight: normal;
padding: 3px;
padding-left: 6px;
padding-right: 6px;
@@ -219,22 +219,22 @@ tt {
height:100px;
background-image: url('pradologo.gif');
background-repeat: no-repeat;
-}
-
-.sampleheader div.title
-{
- display: none;
-}
-
-.sampleheader div.image
-{
- display: block;
- float: right;
- width: 900px;
- height: 100px;
- background-image: url('mantissample.jpg');
- background-repeat: no-repeat;
- background-position: top right;
+}
+
+.sampleheader div.title
+{
+ display: none;
+}
+
+.sampleheader div.image
+{
+ display: block;
+ float: right;
+ width: 900px;
+ height: 100px;
+ background-image: url('mantissample.jpg');
+ background-repeat: no-repeat;
+ background-position: top right;
}
.samplemenu
diff --git a/framework/Web/UI/WebControls/THyperLink.php b/framework/Web/UI/WebControls/THyperLink.php
index c47cc1c4..4992dfd3 100644
--- a/framework/Web/UI/WebControls/THyperLink.php
+++ b/framework/Web/UI/WebControls/THyperLink.php
@@ -72,7 +72,7 @@ class THyperLink extends TWebControl
}
else
{
- $image=new TImage;
+ $image=Prado::createComponent('System.Web.UI.WebControls.TImage');
$image->setImageUrl($imageUrl);
if(($toolTip=$this->getToolTip())!=='')
$image->setToolTip($toolTip);
diff --git a/framework/Web/UI/WebControls/TImage.php b/framework/Web/UI/WebControls/TImage.php
index 3f7b8f49..fa5f406f 100644
--- a/framework/Web/UI/WebControls/TImage.php
+++ b/framework/Web/UI/WebControls/TImage.php
@@ -17,7 +17,7 @@
* {@link setImageUrl ImageUrl} property which takes a relative or absolute
* URL to the image file. The alignment of the image displayed is set by
* the {@link setImageAlign ImageAlign} property. To set alternative texts
- * or long description of the image, use {@link setAlternativeText AlternativeText}
+ * or long description of the image, use {@link setAlternateText AlternateText}
* or {@link setDescriptionUrl DescriptionUrl} property, respectively.
*
* @author Qiang Xue