Darstellung des Mehrfachuploader im Formular individuell beeinflussen
Das Mehrfachuploader-Feld innerhalb eines Formulares können Sie mit JavaScript und CSS selber umgestalten.
Ein Beispiel finden Sie anhand von JavaScript und CSS nachfolgend aufgezeigt.
Beispiel: JavaScript für das Laden einer individuellen CSS zum Mehrfachuploader
/* z.B. über das JavaScript einbinden Element eingebunden */
var iframeUploaders = document.querySelectorAll('.wglUploaderForm');
iframeUploaders.forEach(function(iframeUploader) {
iframeUploader.addEventListener('load', function() {
var elementLink = document.createElement('link');
elementLink.setAttribute('rel', 'stylesheet');
elementLink.setAttribute('href', '/[IHR-LAYOUT-PROJEKT]/wGlobal/layout/styles/uploader.css');
iframeUploader.contentDocument.head.appendChild(elementLink);
});
});Beispiel: uploader.css mit individuellen CSS-Definitionen zum Mehrfachuploader
/* Mehrfachuploader customizen */ .wui-uploader-uploadarea { background-color:#FFFFCC; }