tapestry/tapestry-examples/TimeTracker/src/context/LocaleList.html

<span jwcid="@Border">

<p>
Simple <code>For</code> loop listing locales.
</p>

<style>

    .localeList {
        background: #2A78B0;
        display:block !important;
		float:left;
        width:20%;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-top:0.6em;
		margin-left:0.5em;
    }
    .localeList a { color: #fff;}
    .localeList p { margin: 0 10px;}

    .roundtop {
        background: transparent url("rounded?c=2A78B0&bc=white&w=8&h=8&a=tr") no-repeat top right;
    }
    .selectedRoundtop {
        background: url("rounded?c=efefef&bc=white&w=8&h=8&a=tr") no-repeat top right;
    }

    .roundbottom {
        background: url("rounded?c=2A78B0&bc=white&w=8&h=8&a=br") no-repeat top right;
    }
    .selectedRoundbottom {
        background: url("rounded?c=efefef&bc=white&w=8&h=8&a=br") no-repeat top right;
    }

    img.corner {
        width: 8px;
        height: 8px;
        border: none;
        display: block !important;
    }

    .selected { background: #efefef; }
	.selected a { color: #000; }
	
	.detail {
        display:block;
        padding: 0 1.1em 2em;
        background: url("rounded?c=99ccff&bc=white&w=600&h=50&shadow=true&ah=10&aw=10&sw=2&o=.5") left bottom no-repeat;
    }

    .status {
		display:block;
		clear:both;
		width:80%;
		height: 4em;
		overflow:auto;
		font-family: arial;
		font-size:8pt;
		padding: 0.4em;
		border:1px dotted #D6AE33;
        margin-top:1em;
    }

    .clear {
        clear:both;
        display:block;
        float:left;
        width:100%;
        height: 20px;
    }
</style>

<div jwcid="localeDetail@Any">
    <p class="detail" jwcid="@If" condition="ognl:selected" >
        <br/>
            <strong>Country:</strong>
            <span jwcid="@Insert" value="ognl:selected.displayCountry" mode="ognl:@org.apache.tapestry.components.InsertMode@BREAK" />
            &nbsp;
            <strong>Language:</strong>
            <span jwcid="@Insert" value="ognl:selected.displayLanguage" mode="ognl:@org.apache.tapestry.components.InsertMode@BREAK" />
            &nbsp;
            <strong>Variant:</strong>
            <span jwcid="@Insert" value="ognl:selected.displayVariant" mode="ognl:@org.apache.tapestry.components.InsertMode@BREAK" />
    </p>
</div>

<div jwcid="status@Any" class="status" >
    <span jwcid="@Insert" value="ognl:status" />
</div>


<div class="ognl:currentSelected ? 'selected localeList' : 'localeList'"
     jwcid="localeList@For"
     source="ognl:@org.apache.tapestry.timetracker.page.LocaleList@LOCALES" value="ognl:currLocale">

    <div jwcid="@Locale" selected="ognl:currentSelected">
        <p>
            <a jwcid="localeLink@DirectLink" listener="listener:selectLocale" parameters="ognl:{currLocale.language, currLocale.country, currLocale.variant}"
               updateComponents="localeDetail, localeList" stateful="false">
                <span jwcid="@Insert" value="ognl:currLocale.toString()" />
            </a>
        </p>
    </div>
</div>

<p class="clear" />
<p class="clear" />

</span>