bei den Produkten verwendet. /^(|.*\.(gif|jpg|jpeg|png))$/i Über diesen regEx wird das Feld darauf geprüft, ob eine Bilddatei enthalten ist. Sofern dies nicht der Fall ist, erfolgt eine Hinweismeldung, die über das errorMessage -Attribut
Anwendungen zur Verfügung, die Sie bei Bedarf individuell anpassen können. Aktuell finden Sie zu Weblics® wie u.a. Bildergalerie Bild Inhaltsbox Inhaltsbereich Akkordeon-Container Inhaltscontainer mit Registerlaschen Liste Mehrspaltiger
werden nicht angelegt! Beispiel: Entpackt das entsprechende ZIP-Archiv Quelltext <?php $pathArchive = "/baseAssets/Bilder.zip" ; $destDir = "/baseAssets/img/" ; wZIP :: unzipOnlyFiles ( $pathArchive , $destDir ); ?> Beispiel: Entpackt das
(); // Setzt den Benutzername des hier angegebenen Benutzers: //$userName = "mustermann"; $document = '/baseAssets/img/bild-gruen.jpg' ; $permissionsView = array(); // array('viewusers' => array('user1', 'user2'), 'viewgroups' =>
für das angegebene Dokument auf erben, falls dieses eingecheckt ist Quelltext <?php $document = '/baseAssets/img/bild-gruen.jpg' ; print wRepository :: setPermissionsInheritViewDocument ( $document ); ?> Beispiel: Setzt die
für das angegebene Dokument auf erben, falls dieses eingecheckt ist Quelltext <?php $document = '/baseAssets/img/bild-gruen.jpg' ; print wRepository :: setPermissionsInheritDocument ( $document ); ?> Beispiel: Setzt die Berechtigungen
(); // Setzt den Benutzername des hier angegebenen Benutzers: //$userName = "mustermann"; $document = '/baseAssets/img/bild-rot.jpg' ; $permissions = array(); $permissions [ 'owner' ] = 'admin' ; $permissions [ 'ownerRole' ] = 'owner' ;
wAssets-Verzeichnis stellt einen zentralen, sprachunabhängigen Speicherort für global verwendbare Binärdateien wie Bilder und Downloads dar. Die Sprachverzeichnisse sowie die beiden zentralen Projekt- Verzeichnisse wGlobal und wAssets werden
einstellen, ob die Breite anpasst werden soll oder nicht (Bildschirmauflösung). Die in der BASE verwendeten Elemente (Bilder, Container, etc.) sind bereits im Standard bestmöglichst auf RWD optimiert. Achten Sie beim Einsatz von Responsive
können Sie eine Listenoptik mit einheitlicher Höhe der Listeneinträge umsetzen. Im Beispiel werden die Einträge mit Bild (volle Breite) und darunter Datum, Titel und Beschreibung mit einer "Meldung lesen" Schaltfläche dargestellt. Die
einsetzen. Auszug aus der listDefault.scss /*@wCssFragment { class: listDefaultDescription; variant: 10; caption: Darf Bild umfließen; caption-en: May surround image; livepreview: yes} */ .listDefaultDescription_var10 { -w-displayElements:
wie die Lightbox abhängig von den Breakpoints über -w-add-data:"isinactivelightbox=1" deaktiviert werden kann. Ob Bilder oder Links, es ist abhängig von der Bildschirmgröße nicht immer erwünscht, die Daten in der Lightbox zu öffnen.
Auszug aus der beispielhaften Objekt-Datei zeigt einen Teil des Pflegebereiches an, welcher hinsichtlich des pflegbaren Bildes noch um die einfache Hochladen-Möglichkeit erweitert wurde. Im entsprechenden Bildverzeichnis müssen Sie hierzu die
] = '/devGlobal' ; print wWeblic :: renderItemStr ( ' false false 0 Erster Inhalt 0 Zweiter Inhalt block 5050 Bild default 0 adapt picture 0 0 Dritter Inhalt Bild default 0 adapt picture 0 1 1 ' , $options ); ?> Ergebnis Erster
location.href abgesendet. Das kann über eine Funktion in der design.js manipuliert werden. Zum Snippet Einfügen von Bildern im Inhaltsprojekt verhindern Nicht nur beim Hochladen kann man die Ablage von Bildern im Inhaltsprojekt unterbinden.
=> '*' )); } } Weiterführende Links Onlinedokumentation - Werkzeuge - Linkprüfung Hinweise Über CSS verlinkte Bilder können nicht erfasst werden und müssen manuell übertragen werden. Alternativ können Sie diese Bilder auch über
im Basisprojekt und Weblics® Erweiterte und vereinfachte Funktionen für die Layoutumsetzung (Layoutwizard) Optimierte Bildbreitenberechnung (CSS-Picture-Rendering) Verbesserte Updatefähigkeit und beschleunigte Entwicklung durch CSS-Variablen und CSS-Varianten
" char.text "> Sicherheitsabfrage id= " text " type= " char.text "> Bitte geben Sie den Wert, den Sie auf dem Bild sehen, in das Feld ein. id= " errorMessage " type= " char.text "> Der eingegebene Wert stimmt nicht mit dem auf dem
die Klasse für die Fancybox auszuwählen. Über selectIfMatchHref="gif|jpg|jpeg|png" wird bei Verlinkung eines Bildes mit einer der genannten Dateiendungen die Klasse "box" automatisch vorausgewählt. Beispiel: Auszug aus
--> mask= " upload " type= " warning " notMatchPath= " baseAssets/img " matchUserType= " admin|standard "> Ins Bildverzeichnis wechseln ]]> mask= " createDocument " type= " info " matchPath= " aktuelles/meldungen "> value= "
Umsetzung, um bei allen Projekten das gleiche Layout zu verwenden, zeigen wir nachfolgend auf. Grundlage hierfür bildet eine Weblication® CMS Lizenz mit ausreichend lizenzierten Projekten und die aktuelle BASE . (Stand bei Umsetzung für
Sharer-Funktion mit Auswahl 3) Allgemeines Sofern beim Publizieren in Facebook nicht das für og:image definierte Bild verwendet wird, kann dies an einem Cache zum Open Graph Object liegen. Nutzen Sie dann den Open Graph Object Debugger
JavaScript nach dem Laden der Seite (DOM fertig aufgebaut) aufgerufen wird: Fügen Sie dazu ein Link-Element (oder Bild-Element bzw. HTML Quelltext-Element) in die Seite ein und vergeben für das A-Tag bzw. IMG-Tag einen Namen (z.B.
Dies gilt auch für andere eventuell verwendete globale Elemente bzw. Inhalte. Zur Übernahme Ihrer bisherigen "Bilder / Assets / Dokumente" gehen Sie ähnlich vor und stellen diese über eine Backup-Wiederherstellung dem neuen Projekt zur
0 .listBannerSlider_var0 { /* ... */ ; -w-editmaskExtended-initdelay: yes; /* ... */ } Listenoptionen Bildergalerie - Animation verzögert starten Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und
99 .listBannerSlider_var99 { /* ... */ ; -w-editmaskExtended-fadetime: yes; /* ... */ } Listenoptionen Bildergalerie - Automatisch wechseln (nach x Sekunden) Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic
onclick-Event dem Element mit der Klasse listPictureGallery_var31 hinzugefügt, so dass sich die Vollbildansicht der Bildergalerie öffnet, sobald man diese anklickt. zu Beispiel 1: Über das Ereignis aufgerufene Funktion function
definiert werden, um so eine optimierte Pflegemaske zu erhalten. Übersicht der verfügbaren Pflegetags Pflege von Bildern Link-Tags lassen sich als Ganzes über eine konfigurierbare Maske pflegen. Pflege von Inhaltsgruppen Über
des Projektes und seinen Sprachen notwendig sind: Editoreinstellungen für die Bearbeitung von Navigationen, Links, Bildern, Tabellen und den WYSIWYG-Editor Zentrale Layout-Bilddateien (Hintergrundbilder, Icons, etc) CSS-Stylesheets
von binären Dokumenten hat einige Vorteile: Rechtevergabe für die Bearbeitung (betrifft derzeit ausschliesslich Bilddateien) Vergabe von Ansichtsrechten (Personalisierung) Verwendung des Veröffentlichungsstatus (online/ offline/ zeitgesteuert)
Facebook Anwendungs-Geheimcode (APP Secret) data Falls angegeben, werden diese statt den Parametern genommen picture Bild name Name link Link Description Beschreibung Beispiel: Veröffentlicht eine Meldung bei Facebook Quelltext <?php
dateiendung Ein Vorschaubild kann auch eine andere Dateiendung als das Orginalbild haben. Wenn Sie z.B. alle Bilder als PNG oder JPG pflegen, Thumbnails aber als GIF ausgeben wollen, können Sie dies erreichen, indem Sie der Funktion
erweitern. In der Dateiauswahl können Sie eigene Auswahlmasken integrieren, um z.B. externe Produkt- oder Bilddatenbanken anzubinden. Definieren Sie hierzu im Fileselector innerhalb eines wURLs-Blockes die entsprechenden Links innerhalb von
Beispiel: Ermittelt die Dateigröße der angegebenen Datei Quelltext <?php $fileGetSize = "/devAssets/img/bild-gruen.jpg" ; $fileSizeUnit = "kb" ; $fileSizePrecision = "2" ; print 'Grösse der Datei: ' . wDocumentData :: getSize (
als bisher umsetzen. Unser Dev-Blog-Artikel beschreibt die technischen Details hierzu genauer. Mühsame Umsetzungen mit Bilder entfallen so. Um die verschiedenen Browser zu unterstützen, gibt es von CSS3 PIE ein .htc Skript speziell für die
Dokumentes Quelltext <?php $fileGetData = "/_testscripts/_examplefile.php" ; $fileGetDataBinary = "/baseAssets/img/bild-orange.jpg" ; // Binärdokument //$fileGetData = $_SERVER['PHP_SELF']; print 'Der Objekt-Titel der Datei ' .
fall diese genutzt werden soll generateDataURL => (z.B.: extensions:gif,png;dirs:images/links) Legt fest, welche Bilder in DataURLs umgewandelt werden sollen. Beispiel: Optimiert das CSS Quelltext <?php $cssStr = 'html
über eine weitere Navigationsumsetzung. Kopfbereich: Einstellung Hauptnavigation Die Navigation zeigt auch bei großen Bildschirmen direkt dasToggler-Symbol (Hamburger-Menü). Bei Klick wird eine Layer-Navigation mit horizontalen Hauptpunkten
- können Sie auch in WYSIWYG-Feldern einsetzen. Bedingter Umbruch in Überschrift Textpassagen verhalten sich je nach Bildschirmbreite unterschiedlich und können je nach Projektumsetzung zu ungewünschten Zeilenumbrüchen führen. Im Hinblick auf
von Untervarianten. Inhaltsbox Optionen über CSS-Only Hauptvariante mit Untervarianten Der Screenshot nebenan bildet die Maske zu den Optionen eines Inhaltsbox-Elementes ab. Zur Hauptvariante "Individuell (111)" können diverse
Icons hervorheben. Sie wollen die Text-Schaltflächen des Kategoriefilters zusätzlich um ein Symbol bzw. eine Grafik /Bild vor dem Text erweitern? Eine Möglichkeit, dies entsprechend vorzunehmen ist der Einsatz des Pseudo CSS-Elementes
notwendig: nein upload Durch das Attribut upload="1" in web:entries:start editor="file" können Bilder direkt bei der Bildpflege hochgeladen und einfügt werden, ohne die Dateiauswahl öffnen zu müssen. (ab Version
= 'private']/@value" ); print ' Beschreibung: ' . wUserCur :: getData ( "/wUser/description/text()" ); print ' Bild: . wUserCur :: getData ( "/wUser/picture/@src" ). '"/>' ; } ?> Hinweis Beim Einsatz von Framework-Funktionen in
Kommentare Beispiel: Ändert einen Kommentar einer Seite Quelltext <?php $path = "/base/blog/posts/blogbeitrag-mit-bild.php" ; $id = "1234567890987654321" ; $commentData = array(); $commentData [ "status" ] = "on" ; $commentData [ "ip" ] =
Ermittelt die Anzahl der Kommentare zu einer Seite Quelltext <?php $path = "/base/blog/posts/blogbeitrag-mit-bild.php" ; print wUserContent :: getNumberComments ( $path ); // Ausgabe z.B.: // 1 ?> Hinweis Beim Einsatz von
Beispiel: Fügt einen Kommentar einer Seite hinzu Quelltext <?php $path = "/base/blog/posts/blogbeitrag-mit-bild.php" ; $commentData = array(); $commentData [ "status" ] = "on" ; $commentData [ "ip" ] = $_SERVER [ "REMOTE_ADDR" ];
abzuspeichern. Existiert die CSV-Datei nicht, wird diese angelegt. Die Grundlage für die Spaltennamen (csvHead) bilden die Keys des (ersten) assoziativen Arrays. Existiert die CSV-Datei, werden die Daten aus der ersten Zeile als csvHead
erfordert, was Sie ggf. über Ihren Provider klären sollten. Der Pfad zu Ghostscript kann in den Systemeinstellungen (Bilder) hinterlegt werden und erhalten Sie in der Regel vom Provider (z.B. /usr/bin/gs ). Hinweis Beim Einsatz von
Das macht Attribute zur Verwendung für HTML-formatierten Text und weitere HTML-Elemente wie Links (a href="..") und Bilder (img src="") unbrauchbar. In der Regel werden Attribute verwendet, um einfache Namen und IDs, die ausschliesslich aus
href= " {@path} "> select= " wd:extension/wd:meta/wd:title/text() "/> <!-- Falls es sich um eine Binärdatei (Bilder, PDFs, usw.) handelt --> href= " {@path} " class= " noDecoration "> class= " listIcon " src= "