PatternLab (0.1.259)

# File Upload

TIP

Based on Fine Uploader (opens new window).

Datei in das Feld ziehen
oder klicken um Datei auszuwählen
hide code 
<div id="certificate-upload" class="c-file-upload m-t-l">
<div class="qq-uploader-selector qq-uploader qq-gallery">
        <div class="qq-upload-drop-area-selector qq-upload-drop-area">
            <i class="c-file-upload__icon"></i>
            <h5 class="c-file-upload__headline">Datei in das Feld ziehen</h5>
        </div>
        <span class="qq-drop-processing-selector c-spinner m-b-m"></span>
        <span role="status" class="qq-upload-status-text-selector qq-upload-status-text"></span>
        <div class="qq-upload-button-selector qq-upload-button -invisible">
            <a class="c-file-upload__description">oder klicken um Datei auszuwählen</a>
        </div>
        <ul class="qq-upload-list-selector qq-upload-list h-hide" role="region" aria-live="polite" aria-relevant="additions removals">
            <li>
                <span role="status" class="qq-upload-status-text-selector qq-upload-status-text"></span>
                <button type="button" class="c-link -icon-right -secondary qq-upload-retry-selector qq-upload-retry">
                    <span class="fa fa-redo" title="Wiederholen"></span>
                </button>
            </li>
        </ul>
        <dialog class="qq-alert-dialog-selector c-panel hidden-print">
            <div class="qq-dialog-message-selector c-alert -warning"></div>
            <div class="qq-dialog-buttons">
                <button type="button" class="qq-cancel-button-selector c-btn -redesign -secondary">Schließen</button>
            </div>
        </dialog>
        <dialog class="qq-confirm-dialog-selector c-panel hidden-print">
            <div class="qq-dialog-message-selector c-alert -notice"></div>
            <div class="qq-dialog-buttons">
                <button type="button" class="qq-cancel-button-selector c-btn -redesign -secondary">Nein</button>
                <button type="button" class="qq-ok-button-selector c-btn -redesign -primary">Ja</button>
            </div>
        </dialog>
        <dialog class="qq-prompt-dialog-selector c-panel hidden-print">
            <div class="qq-dialog-message-selector c-alert -notice"></div>
            <input type="text">
            <div class="qq-dialog-buttons">
                <button type="button" class="qq-cancel-button-selector c-btn -redesign -secondary">Abbrechen</button>
                <button type="button" class="qq-ok-button-selector c-btn -redesign -primary">Ok</button>
            </div>
        </dialog>
    </div>
</div>
Tags:

← Icon Headline →