<!--

     Licensed to the Apache Software Foundation (ASF) under one or more
     contributor license agreements.  See the NOTICE file distributed with
     this work for additional information regarding copyright ownership.
     The ASF licenses this file to You under the Apache License, Version 2.0
     (the "License"); you may not use this file except in compliance with
     the License.  You may obtain a copy of the License at

          http://www.apache.org/licenses/LICENSE-2.0

     Unless required by applicable law or agreed to in writing, software
     distributed under the License is distributed on an "AS IS" BASIS,
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.

-->
<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<head>
<wicket:head>
    <meta charset="utf-8" />
    <title>Apache Wicket User Guide Examples</title>
 
    <style type="text/css">
        .breadcrumb {
            display: none;
        }
        
        .dropdown {
            display: none !important;
        }
        
        h2 {
            color: #3f4542 !important;
        }
        
        h3 {
            color: #DD4814 !important;
            margin: 5px !important;
        }
        
        h3.disabled {
            color: #3f4542 !important;
        }
        
        a {
            text-decoration: none !important;
        }
        
    </style>
    
</wicket:head>
</head>
<body>
    <div id="bd">

        <wicket:extend>
            <div class="jumbotron masthead">
                <h1 class="text-center">Apache Wicket User Guide Examples
                    <img src="wicket-9-sun.png" alt="Apache Wicket" style="max-width: 160px" />
                    </h1>
                <p>
                    Hosting site for the examples from the official <a
                    href="https://wicket.apache.org/learn/#guide" target="_blank">Wicket
                    user guide</a> (For Wicket 8 click <a
                    href="https://wicket-guide-8x.herokuapp.com/" target="_blank">here!</a>). 
                    <br /> The code of the following examples is hosted <a
                    href="https://github.com/bitstorm/Wicket-tutorial-examples"
                    target="_blank">here on GitHub</a>.
                     
                </p>
<!--                <p> -->
<!--                    <b>NEW:</b> Dont' miss to take a look at the the new <a -->
<!--                        href="#showcaseSection">bonus showcase examples</a>! -->
<!--                </p> -->
                <p>
                    <a class="github-button"
                        href="https://github.com/bitstorm/Wicket-tutorial-examples/fork"
                        data-icon="octicon-repo-forked" data-size="large"
                        data-show-count="true"
                        aria-label="Fork bitstorm/Wicket-tutorial-examples on GitHub">Fork</a>
                    <a class="github-button"
                        href="https://github.com/bitstorm/Wicket-tutorial-examples"
                        data-icon="octicon-star" data-size="large" data-show-count="true"
                        aria-label="Star bitstorm/Wicket-tutorial-examples on GitHub">Star</a>
                    <a class="github-button" href="https://github.com/bitstorm"
                        data-size="large" data-show-count="true"
                        aria-label="Follow @bitstorm on GitHub">Follow @bitstorm</a>
                </p>
                <form action="https://www.paypal.com/cgi-bin/webscr" method="post"
                    target="_top">
                    <span style="font-size: 21px">Like this site? Buy me an
                        ice-cream :-)</span> <input type="hidden" name="cmd" value="_s-xclick">
                    <input type="hidden" name="hosted_button_id" value="RGHPTV2QDK8VN">
                    <input type="image" style="vertical-align: bottom;"
                        src="https://www.paypalobjects.com/webstatic/en_US/i/btn/png/btn_donate_92x26.png"
                        border="0" name="submit" alt="Donate"> <img alt=""
                        border="0"
                        src="https://www.paypalobjects.com/it_IT/i/scr/pixel.gif"
                        width="1" height="1">
                </form>
                <p></p>
                <div>
                    Wicket version: <label wicket:id="wicket-version"></label>
                </div>
            </div>
            
            <!--                <li><a href="hibernatemodel/HomePage.html">JpaLodableModel</a></li> -->
            <h2 style="text-align: center">Explore examples by chapter or just search them by name!</h2>
            <br />
            <p class="pull-right">
                <a>Jump to example:</a> <input id="exampleSearch" type="text" />
            </p>
            <br />
            <br />
            <div class="panel-group">
                <div class="panel panel-default">
                 <wicket:link>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <h3 class="disabled">Chapter 1: Introduction</h3>
                        </h4>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <h3 class="disabled">Chapter 2: How to use the example code</h3>
                        </h4>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <h3 class="disabled">Chapter 3: Why should I learn Wicket?</h3>
                        </h4>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse1"><h3>Chapter
                                    4: Wicket says “Hello world!”</h3></a>
                        </h4>
                    </div>
                    <div id="collapse1" class="panel-collapse collapse">
                        <ul class="list-group">
                                <li class="list-group-item"><a class="exampleLink"
                                    href="helloworld/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>HelloWorldExample</a></li>
                                <li class="list-group-item"><a class="exampleLink"
                                    href="linktopage/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>Linktopage</a></li>
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse2"><h3>Chapter
                                    5: Wicket as page layout manager</h3></a>
                        </h4>
                    </div>
                    <div id="collapse2" class="panel-collapse collapse">
                        <ul class="list-group">
                                <li class="list-group-item"><a class="exampleLink" href="/markupinherit"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>MarkupInheritance</a></li>
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse3"><h3
                                    class="disabled">Chapter 6: Keeping control over HTML</h3></a>
                        </h4>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse4"><h3>Chapter
                                    7: Components lifecycle</h3></a>
                        </h4>
                    </div>
                    <div id="collapse4" class="panel-collapse collapse">
                        <ul class="list-group">
                                <li class="list-group-item"><a class="exampleLink"
                                    href="lifecycle/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>LifeCycleStages</a></li>
                                <li class="list-group-item"><a class="exampleLink"
                                    href="oncomponenttag/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>OnComponentTagExample</a></li>
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse5"><h3>Chapter
                                    8: Page versioning and caching</h3></a>
                        </h4>
                    </div>
                    <div id="collapse5" class="panel-collapse collapse">
                        <ul class="list-group">
                                <li class="list-group-item"><a class="exampleLink"
                                    href="lifecyclerev/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>LifeCycleStagesRevisited</a></li>
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse6"><h3>Chapter
                                    9: Under the hood of the request processing</h3></a>
                        </h4>
                    </div>
                    <div id="collapse6" class="panel-collapse collapse">
                        <ul class="list-group">
                                <li class="list-group-item"><a class="exampleLink"
                                    href="bindsession/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>BindSessionExample</a></li>
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse7"><h3>Chapter
                                    10: Wicket Links and URL generation</h3></a>
                        </h4>
                    </div>
                    <div id="collapse7" class="panel-collapse collapse">
                        <ul class="list-group">
                            <li class="list-group-item"><a class="exampleLink" href="BookmarkablePageAutoLink"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>BookmarkablePageAutoLink</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="/mappercontext"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>CustomMapperContext</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="/mountedpages"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>MountedPagesExample</a></li>                                                               
                            <li class="list-group-item"><a class="exampleLink" href="pageparameters/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>PageParametersExample</a></li>     
                            <li class="list-group-item"><a class="exampleLink" href="pageparamsencode/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>PageParametersEncoderExample</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="statelesspage/StatelessPage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>StatelessPage</a></li>
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse8"><h3>Chapter
                                    11: Wicket models and forms</h3></a>
                        </h4>
                    </div>
                    <div id="collapse8" class="panel-collapse collapse">
                        <ul class="list-group">
                            <li class="list-group-item"><a class="exampleLink" href="loginform/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>LoginForm</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="loginformrev/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>LoginFormRevisited</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="modelchain/PersonListDetails.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>ModelChainingExample</a></li>
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse9"><h3>Chapter
                                    12: Wicket forms in detail</h3></a>
                        </h4>
                    </div>
                    <div id="collapse9" class="panel-collapse collapse">
                        <ul class="list-group">
                            <li class="list-group-item"><a class="exampleLink" href="customconverter/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>CustomConverter</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="formpanel/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>CustomFormComponentPanel</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="/overridemessage"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>OverrideMailMessage</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="singlecheckbox/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>SingleCheckBox</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="statelesslogin/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>StatelessLoginForm</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="singleupdate/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>UploadSingleFile</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="/customvalidator"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>UsernameCustomValidator</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="jsr303validation/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>JSR303validation</a></li>
                            
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse10"><h3>Chapter
                                    13: Displaying multiple items with repeaters</h3></a>
                        </h4>
                    </div>
                    <div id="collapse10" class="panel-collapse collapse">
                        <ul class="list-group">
                            <li class="list-group-item"><a class="exampleLink" href="listview/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>ListViewExample</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="pagedata/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>PageDataViewExample</a></li>
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse11"><h3 class="disabled">Chapter
                                    14: Component queueing</h3></a>
                        </h4>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse15"><h3>Chapter
                                    15: Internationalization with Wicket</h3></a>
                        </h4>
                    </div>
                    <div id="collapse15" class="panel-collapse collapse">
                        <ul class="list-group">
                            <li class="list-group-item"><a class="exampleLink" href="localizechoices/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>LocalizedChoicesExample</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="/localizedgreetings"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>LocalizedGreetings</a></li>
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse16"><h3>Chapter
                                    16: Resource management with Wicket</h3></a>
                        </h4>
                    </div>
                    <div id="collapse16" class="panel-collapse collapse">
                        <ul class="list-group">
                            <li class="list-group-item"><a class="exampleLink" href="/markupfolder"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>CustomFolder4MarkupExample</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="/resmounting"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>CustomResourceMounting</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="packageres/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>ImageAsPackageRes</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="/scriptposition"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>ScriptInsideBody</a></li>
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse17"><h3>Chapter
                                    17: An example of integration with JavaScript</h3></a>
                        </h4>
                    </div>
                    <div id="collapse17" class="panel-collapse collapse">
                        <ul class="list-group">
                            <li class="list-group-item"><a class="exampleLink" href="datepicker/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>CustomDatepicker</a></li>
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse18"><h3>Chapter
                                    18: Wicket advanced topics</h3></a>
                        </h4>
                    </div>
                    <div id="collapse18" class="panel-collapse collapse">
                        <ul class="list-group">
                            <li class="list-group-item"><a class="exampleLink" href="callbackurl/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>CallbackURLExample</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="/eventinfra"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>InterComponetsEventsExample</a></li>
                            
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse19"><h3>Chapter
                                    19: Working with AJAX</h3></a>
                        </h4>
                    </div>
                    <div id="collapse19" class="panel-collapse collapse">
                        <ul class="list-group">
                            <li class="list-group-item"><a class="exampleLink" href="/modalexample"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>BasicModalDialogExample</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="ajaxdatepicker/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>CustomDatepickerAjax</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="ajaxlistener/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>CustomAjaxListenerExample</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="checkboxtree/HomePage.html"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>CheckBoxTree</a></li>
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse20"><h3>Chapter
                                    20: Integration with enterprise containers</h3></a>
                        </h4>
                    </div>
                    <div id="collapse20" class="panel-collapse collapse">
                        <ul class="list-group">
                            <li class="list-group-item"><a class="exampleLink" href="/ejbinjection"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>EjbInjectionExample</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="/spring"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>SpringInjectionExample</a></li>                            
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse21"><h3 class="disabled">Chapter
                                    21: Native WebSockets</h3></a>
                        </h4>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="#collapse22"><h3>Chapter
                                    22: Security with Wicket</h3></a>
                        </h4>
                    </div>
                    <div id="collapse22" class="panel-collapse collapse">
                        <ul class="list-group">
                            <li class="list-group-item"><a class="exampleLink" href="/rolestrategy"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>AnnotationsRolesStrategyExample</a></li>
                            <li class="list-group-item"><a class="exampleLink" href="/basicauth"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>BasicAuthenticationExample</a></li>
                            <li class="list-group-item"><a a wicket:id="linkToHttps" class="exampleLink" href="/spring"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>HttpsProtocolExample</a></li>
                        </ul>
                    </div>
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a href="/restexample"><h3>Bonus example: REST services with Wicket</h3></a>
                        </h4>
                    </div>
                    <div style="visibility: hidden; " id="collapse23" class="panel-collapse collapse">
                        <ul class="list-group">
                            <li class="list-group-item"><a class="exampleLink" href="/restexample"><span
                                        class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>RestExample</a></li>
                            
                        </ul>
                    </div>
                    </wicket:link>
                </div>
            </div>
        </wicket:extend>
    </div>
    <div id="ft"></div>
</body>
</html>