Styling Links and Submits (2)

You chose PageLink with img!


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<!-- We need a doctype to allow us to use special characters like &nbsp; 
     We use a "strict" DTD to make IE follow the alignment rules. -->
<html xmlns:t="">
<body class="container">
    <h3>Styling Links and Submits (2)</h3>
    <div class="eg">
        <p>You chose ${yourChoice}!</p>
        <a t:type="pagelink" t:page="examples/styling/StylingLinksAndSubmits1" href="#">Return</a>
    <t:pagelink page="Index">Home</t:pagelink><br/><br/>
        <t:sourcecodetab src="/web/src/main/java/jumpstart/web/pages/examples/styling/StylingLinksAndSubmits2.tml"/>
        <t:sourcecodetab src="/web/src/main/java/jumpstart/web/pages/examples/styling/"/>
        <t:sourcecodetab src="/web/src/main/resources/META-INF/assets/css/examples/olive.css"/>

package jumpstart.web.pages.examples.styling;

import org.apache.tapestry5.annotations.Import;

public class StylingLinksAndSubmits2 {

    private String yourChoice;
    public void set(String yourChoice) {
        this.yourChoice = yourChoice;
    void onActivate(String yourChoice) {
        this.yourChoice = yourChoice;

    String onPassivate() {
        return yourChoice;

    public String getYourChoice() {
        return yourChoice;

.eg {
                margin: 20px 0;
                padding: 14px;
                color: olive;
                border: 1px solid #ddd;
                border-radius: 6px;
                -webkit-border-radius: 6px;
                -mox-border-radius: 6px;