source: main/waeup.kofa/branches/uli-rm-bootstrap/src/waeup/kofa/students/browser_templates/imageupload.pt @ 17952

Last change on this file since 17952 was 11558, checked in by Henrik Bettermann, 11 years ago

File input fields brought into shape with Bootstrap 3. Technique adapted from http://labs.abeautifulsite.net/demos/bootstrap-file-inputs/.

File size: 1.2 KB
Line 
1<tr i18n:domain="waeup.kofa">
2  <td class="fieldname">
3    <span tal:replace="viewlet/label">FILENAME</span>:
4  </td>
5  <td>
6    <img align="middle" height="125px"
7         tal:attributes="src python: view.url(context, viewlet.download_name)" />
8    &nbsp;
9    <input type="submit" tal:condition="viewlet/file_exists"
10     tal:attributes="id python:('delete_%s' % viewlet.input_name);
11        name python:('delete_%s' % viewlet.input_name)"
12     value="Delete" class="btn btn-danger" />
13    <br /><br />
14
15                <div class="input-group">
16                        <div class="input-group-btn">
17                                <div class="btn btn-default btn-file">
18          Select new file&hellip;
19          <input type="file" tal:attributes="name viewlet/input_name" />
20        </div>
21                        </div>
22                        <input type="text" class="form-control" readonly>
23      <div class="input-group-btn">
24        <input type="submit"
25               tal:attributes="id python:('upload_%s' % viewlet.input_name);
26                name python:('upload_%s' % viewlet.input_name);
27                value viewlet/upload_button"
28               class="btn btn-primary" />
29        (<span tal:replace="viewlet/max_upload_size">10 kB</span> max.)
30      </div>
31    </div>
32  </td>
33</tr>
Note: See TracBrowser for help on using the repository browser.