<html xmlns:wicket="http://wicket.apache.org">
<head>
    <title>Wicket Examples - upload</title>
    <style>
        legend { border: 1px solid #e9601a; background-color: #bbb; color: #fff; padding: 4px;}
        fieldset { border: 1px solid #e9601a; padding: 10px; margin-top: 10px;}
        .mfuex { padding:5px;margin:5px;background:#eee; }
        .mfuex .wicket-mfu-container { padding: 5px; margin-top: 3px; background-color: white; border:1px solid black; font-size: xx-small; }
        .mfuex .wicket-mfu-caption { font-weight: bold; }
        .mfuex .wicket-mfu-container input { margin-left: 5px; font-size: xx-small; }
    </style>
</head>
<body>
<wicket:extend>

    <p>The multi upload field is based on javascript found <a target="_blank" href="http://the-stickman.com/web-development/javascript/upload-multiple-files-with-a-single-file-element/">here</a>.<br /><br />
    Wicket can also handle file uploads via AJAX, please see AJAX examples section. AJAX Functionality is not included in this example to keep things simple.</p>
    <p>The maximum file size of a single upload is: 90k!</p>
    <p>The maximum size of uploading several files (third demo) is: 100k!</p>
    <br/>

    <form wicket:id="simpleUpload">
     <fieldset>
      <legend>Upload form</legend>
        <p>
            <div wicket:id="fileInput" class="mfuex"></div>
        </p>
        <input type="submit" value="Upload!"/>
     </fieldset>
    </form>

     <div>
        <span wicket:id="uploadFeedback"></span>
     </div>

    <div>
      <h4>Current files in <span wicket:id="dir">(dir)</span>:</h4>
      <table>
        <tr wicket:id="fileList">
            <td width="200"><span wicket:id="file">(file)</span></td>
            <td><a href="#" wicket:id="delete"><img src="delete.gif" border="0"/></a></td>
        </tr>
      </table>
    </div>

</wicket:extend>
</body>
</html>