Styling Links and Submits (2)

You chose PageLink!
Return

Home

StylingLinksAndSubmits2.tml


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- 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="http://tapestry.apache.org/schema/tapestry_5_3.xsd">
<head>
    <link rel="stylesheet" type="text/css" href="${context:css/examples/links_and_submits.css}"/>
</head>
<body>
    <h1>Styling Links and Submits (2)</h1>
    
    <div class="eg">
        You chose ${yourChoice}!
    </div>
    
    <a t:type="pagelink" t:page="examples/styling/StylingLinksAndSubmits1" href="#">Return</a><br/><br/>
    
    <a t:type="pagelink" t:page="Index" href="#">Home</a><br/><br/>
    
    <t:sourcecodedisplay src="/web/src/main/java/jumpstart/web/pages/examples/styling/StylingLinksAndSubmits2.tml"/>
    <t:sourcecodedisplay src="/web/src/main/java/jumpstart/web/pages/examples/styling/StylingLinksAndSubmits2.java"/>
    <t:sourcecodedisplay src="/web/src/main/java/jumpstart/web/css/examples/links_and_submits.css"/>
</body>
</html>

StylingLinksAndSubmits2.java


package jumpstart.web.pages.examples.styling;

public class StylingLinksAndSubmits2 {

    private String yourChoice;
    
    public void set(String yourChoice) {
        this.yourChoice = yourChoice;
    }
    
    String onPassivate() {
        return yourChoice;
    }

    void onActivate(String yourChoice) {
        this.yourChoice = yourChoice;
    }

    public String getYourChoice() {
        return yourChoice;
    }
}

links_and_submits.css


body            { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color:black; }
h1              { font-size: 26px; line-height: 20px; } /* For IE 7 */

.eg             { margin: 14px 0; padding: 14px; color: #999;
                    border: 1px solid #ddd; border-radius: 4px; -webkit-border-radius: 4px; -mox-border-radius: 4px;}

a               { text-decoration: none; color: #3D69B6; }
a:hover         { text-decoration: underline; }

.buttonlink     { text-decoration: none }
.imagelink      { text-decoration: none }
.nextimage      { background-image: url(../../images/next-button-48.png); background-color: transparent; width: 52px; height: 52px; }