This is an example of text with a link to some content.
Editorial
Read more 
- Class name: (k-readmore)
- Version: 1.0
-
Tapestry Integration
This component is made of a simple paragraph that may be used to link to some specific content.
HTML5 Plain Code
-
<p class="k-readmore">This is an example of text with a link to <a href="#">some content</a>.</p>
CSS Code
-
p.k-readmore {
-
clear: both;
-
text-indent: -1em;
-
color: #000;
-
background: #FFF;
-
padding: 0.5em 0 0 1em;
-
border-top: 1px dashed #999;
-
}
-
p.k-readmore:before {content: "\2315 \0020 "; color: #A40800;}
-
p + p.k-readmore {margin-top: 1em;}
IE Backward Compatibility
In order to correct display bugs for Internet Explorer versions prior to 9, your html pages need to call the following file by Conditional Comments:
Tapestry Integration
Within the kawwa component tapestry library, you have a ReadMore mixin. It allows you to automatically hide a part of your content and replace it by a link. When the end user clicks this link, the link disappear and the hidden content appears.
Name | Required | Java Type | Default Prefix | Default Value | Description |
---|---|---|---|---|---|
header | false | String | Message | message:read-more-header | The text the end user will click to display the hidden content. It should be something like "Read more...". |
The Template
-
<html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"
-
xmlns:p="tapestry:parameter">
-
<p class="k-readmore">This is an example of text with read more link displaying some content...
-
<span t:type="any" t:mixins="kawwa2/readMore" t:header="literal: Read more...">
-
And here is the hidden text !
-
</span>
-
</p>
-
</html>