Skinning/Theming

You can skin and/or theme your pages and components, as described in this blog entry and in the release notes.

References: CommonResources InjectionProvider, ComponentResourceSelector, ComponentRequestSelectorAnalyzer, Dynamic.

Home


<!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_4.xsd">
<body class="container">
    <h3>Skinning/Theming</h3>

    You can skin and/or theme your pages and components, as described in this 
    <a href="http://blog.tapestry5.de/index.php/2011/06/24/template-skinning/">blog entry</a> and in the  
    <a href="http://tapestry.apache.org/release-notes-53.html#ReleaseNotes5.3-Skinning%2FThemingSupport">release notes</a>.<br/><br/>
     
    References:  
    <a href="http://tapestry.apache.org/injection-in-detail.html#InjectioninDetail-CommonResourcesInjectionProvider">CommonResources InjectionProvider</a>, 
    <a href="http://tapestry.apache.org/5.4/apidocs/org/apache/tapestry5/services/pageload/ComponentResourceSelector.html">ComponentResourceSelector</a>, 
    <a href="http://tapestry.apache.org/5.4/apidocs/org/apache/tapestry5/services/pageload/ComponentRequestSelectorAnalyzer.html">ComponentRequestSelectorAnalyzer</a>, 
    <a href="http://tapestry.apache.org/5.4/apidocs/org/apache/tapestry5/corelib/components/Dynamic.html">Dynamic</a>.<br/><br/>
    
    <t:pagelink page="Index">Home</t:pagelink><br/><br/>

    <t:tabgroup>
        <t:sourcecodetab src="/web/src/main/java/jumpstart/web/pages/examples/styling/SkinningTheming.tml"/>
        <t:sourcecodetab src="/web/src/main/java/jumpstart/web/pages/examples/styling/SkinningTheming.java"/>
        <t:sourcecodetab src="/web/src/main/resources/META-INF/assets/css/examples/plain.css"/>
    </t:tabgroup>
</body>
</html>



package jumpstart.web.pages.examples.styling;

import org.apache.tapestry5.annotations.Import;

@Import(stylesheet = "css/examples/plain.css")
public class SkinningTheming {
}



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