Volltextsuche
-w-editmaskExtended-pictureaspectratio
zur Bildergalerie-Variante 0 .listPictureGallery_var0 { /* ... */ ; -w-editmaskExtended-pictureaspectratio: yes; /* ... */ } Listenoptionen Bildergalerie - Seitenverhältnis Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic
-w-editmaskExtended-limitpages
Seiten' zur Bildergalerie-Variante 2 .listPictureGallery_var2 { /* ... */ ; -w-editmaskExtended-limitpages: yes; /* ... */ } Listenoptionen Bildergalerie - blätterbare Seiten Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic
-w-editmaskExtended-lazyload
aus .listPictureGallery_var2 { -w-editmaskExtended-lazyload: no} Weiterführende Links DevBlog-Artikel: Lazy Loading in Listen Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile
-w-editmaskExtended-initdelay
verzögert starten' zur BannerSlider-Variante 0 .listBannerSlider_var0 { /* ... */ ; -w-editmaskExtended-initdelay: yes; /* ... */ } Listenoptionen Bildergalerie - Animation verzögert starten Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE
-w-editmaskExtended-fadetime
(nach x Sekunden)' zur BannerSlider-Variante 99 .listBannerSlider_var99 { /* ... */ ; -w-editmaskExtended-fadetime: yes; /* ... */ } Listenoptionen Bildergalerie - Automatisch wechseln (nach x Sekunden) Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf
-w-editmaskExtended-entriespreviewperrow
zur Bildergalerie-Variante 2 .listPictureGallery_var2 { /* ... */ ; -w-editmaskExtended-entriespreviewperrow: yes; /* ... */ } Listenoptionen Bildergalerie - Bilder pro Zeile Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte
-w-editmaskExtended-entriespreviewlimit
zur Bilderalbum-Variante 0 .listPictureAlbumTeaser_var0 { /* ... */ ; -w-editmaskExtended-entriespreviewlimit: yes; /* ... */ } Listenoptionen Bilderalbum - Bilder pro Galerie Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte
-w-editmaskExtended-categoriesquickfilter
Über eine Kategorienauswahl lassen sich so die dargestellten Einträge weiter filtern. Da beim Ausblenden die Klasse listEntryQuickfilterVisible gesetzt wird, können Ein-/Ausblendeffekte einfach über CSS3 Transitions umgesetzt werden. Ein Beispiel für einen
-w-editmaskExtended-animationzoom
zur Bildergalerie-Variante 23 .listPictureGallery_var23 { /* ... */ ; -w-editmaskExtended-animationzoom: yes; /* ... */ } Listenoptionen Bildergalerie - Zoomfaktor Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und
-w-editmaskExtended-animationduration
zur BannerSlider-Variante 22 .listBannerSlider_var22 { /* ... */ ; -w-editmaskExtended-animationduration: yes; /* ... */ } Listenoptionen BannerSlider - Wechselgeschwindigkeit Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic
-w-editmaskExtended-animation
Auswahl 'Animation' zur BannerSlider-Variante 0 .listBannerSlider_var0 { /* ... */ ; -w-editmaskExtended-animation: yes; /* ... */ } Listenoptionen BannerSlider - Animation Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und
-w-dom-appendto
/ Anwendungsfälle Beispiel 1: Verschieben des Titels als letztes Element des Eltern-Elementes .listEvents_var1 .listEntryTitle { -w-dom-appendto: parent () } Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und
-w-display
/ Anwendungsfälle Beispiel 1: Löscht das Element mit dem Vorschaubild aus dem Ergebnisbaum .listDefault_var2 .listEntryThumbnail { -w-display: none} Wichtige Hinweise Die Seite muss XML-konform sein, um das Element löschen zu können! Da das Element
-w-create-hd
daß die Vorschaubilder der Bildergalerie-Variante 32 in HD-Qualität generiert werden sollen .listPictureGallery_var32 .listEntriesPreview .listEntryImage { -w-create-hd: yes; /* ... */ } Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE
-w-animation-direction
1: Definiert für die Bildergalerie-Variante 43 die Laufrichtung von links nach rechts (ltr) .listPictureGallery_var43 .listEntriesPreview .listEntry { /* ... */ ; -w-animation-direction: ltr; /* ... */ } Zu beachten: Diese CSS-Only Referenz bezieht sich
-w-allow-touch
Beispiel 1: Aktivert die Touchfähigkeit zum BannerSllider-Element der Variante 0 .listBannerSlider_var0 .listEntries .listEntry { -w-allow-touch: yes; /* ... */ } Ist zu -w-allow-touch nichts angegeben, ist dies standardmäßig immer
-w-allow-enlargement
Beispiele / Anwendungsfälle Beispiel 1: Erzwingt das Großrechnen des erzeugten Banner-Bildes .listBannerSlider_var99 .listEntries .listEntryImage { /* ... */ ; -w-allow-enlargement: yes; /* ... */ } /* Im Standard wird mit aktuellen
-w-adddescription
Definiert, daß die Beschreibung zu einem Bild der Bildergalerie-Variante 2 hinzugefügt wird .listPictureGallery_var2 .listEntriesPreview .listEntry { /* ... */ ; -w-adddescription: yes; /* ... */ } Zu beachten: Diese CSS-Only Referenz bezieht sich
includeEditmaskExtended
WSL-Tag handelt es sich um ein wslEditorPre-Tag, das vor Ausführen von XSLT zur Anwendung kommt! Weiterführende Links Listen um
wSearch->getDataRobot
des im Aufbau befindlichen Suchindex Quelltext <?php // Debug-Ausgabe z.B. in der search.standard.wItem.php vor dem Listenaufruf: var_dump ( $searchObject -> getDataRobot ()); ?> Hinweis Beim Einsatz von Framework-Funktionen in eigenen
wSearch->getDataIndex
der Daten des aktiven Suchindex Quelltext <?php // Debug-Ausgabe z.B. in der search.standard.wItem.php vor dem Listenaufruf: var_dump ( $searchObject -& gt ; getDataIndex ()); ?> Hinweis Beim Einsatz von Framework-Funktionen in eigenen
-w-add-classes
Klasse clickable die CSS-Klasse wglClickable hinzu .clickable { -w-add-classes: wglClickable;} Beispiel 2: Fügt in der Listenvariante 3 dem Thumbnail-Element die CSS-Klasse wglFancybox (für Fancybox / Lightbox) hinzu /* ... */ .listDefault_var3
Kategorien
um Inhaltsdateien und Objekte zu gruppieren und zueinander in Verbindung zu setzen. Der häufigste Einsatzbereich sind Listen, in denen nicht alle Dateien eines bestimmten Verzeichnis ausgegeben werden sollen, sondern nur solche, die einer oder
Inhalte in Binärdokumenten verwalten und bearbeiten
des Veröffentlichungsstatus (online/ offline/ zeitgesteuert) Individuelle Sortiermechanismen bei der Anzeige in Listen Verwendung von Metadaten wie Titel und Beschreibung, aber auch eigene Metadaten Einchecken von Binärdateien Durch das
Liste ab einem bestimmten Eintrag beginnen
Sie eine bestimmte Liste erst ab dem x-ten Eintrag beginnen lassen, steht Ihnen über die erweiterte Pflegemaske zum Listen-Zeilentemplate die Option " showInputLimitFrom " zur Verfügung. Am Beispiel des kompakten Darstellungs-Templates einer
wCSS::getDiffWidthElement
); $cssPath = '/dev/dokumentationen/framework/beispiele/styles/design.css' ; $selector = '.listDefault_var9 .listEntryInner' ; print 'Differenz der inneren und der äußeren Breite des Elementes: ' . wCSS :: getDiffWidthElement ( $cssPath ,
Platzhalter beim Erstellen von Dateien in Vorlagen nutzen
passend zur angelegten Datei zu setzen. Beim Erstellen von Dateien auf Grundlage einer Dateivorlage mit Elementen (z.B. Listenoptionen) können Sie auf Platzhalter zurückgreifen. Auf diese Weise können Sie eine Weblication® CMS Liste (z.B.
CSS-Einstellung der Hauptvariante erzwingen
ziehen. Sollen die Definitionen der Hauptvariante (z.B. Kachel-Darstellung (Variante 20)) durch eine Untervariante (z.B. Listen-Link Variante 31) nicht überschrieben werden, steht mit aktueller CMS 13.x Version die Deklaration !default zur
Initialisierung der Bilder zu Bannervariante 400
BASE Die Variante 400 des BannerSliders ermöglicht eine mehrspaltige horizontale Anordnung der Bannerbilder. Die Listenoptionen der Bannervariante ermöglichen unter anderem, die Anzahl der Spalten zu definieren, um die Bilder z.B. vierspaltige,
Liste: Alternativtext des Bildes nutzen
Bildern als Alternativtext herangezogen werden soll. Einstellung Alternativtext Bei Verwendung des Objekt-Wizards zur Listendarstellung kann zum Element "Vorschaubild in der Liste ausgeben" über die Maske gewählt werden, was die Grundlage für den
-w-usefancybox
/ Anwendungsfälle Beispiel 1: Aktiviert zur Bildergalerie-Variante 2 die Nutzung der Fancybox .listPictureGallery_var2 .listEntriesPreview .listEntry { /* ... */ ; -w-usefancybox: yes; /* ... */ ;} Weiterführende Links Anpassen einer Bildergalerie Variante
-w-use-orig
/ Anwendungsfälle Beispiel 1: Verwendet bei Banner-Variante 99 das Originalbild als Bannerbild .listBannerSlider_var99 .listEntries .listEntryImage { /* ... */ ; -w-use-orig: yes; /* ... */ ;} Zu beachten: Diese CSS-Only Referenz bezieht sich
-w-showlightboxtitle
1: Deaktiviert zur Bildergalerie-Variante 2 die Ausgabe des Bildtitels in der Lightbox .listPictureGallery_var2 .listEntriesPreview .listEntry { /* ... */ ; -w-showlightboxtitle: no; /* ... */ ;} Zu beachten: Diese CSS-Only Referenz bezieht sich
-w-seturlentryonselect
60 dafür, daß sich die URL der Liste bei Klick auf die Bannereinträge nicht ändert .listBannerSlider_var60 .listEntries .listEntry { /* ... */ ; -w-seturlentryonselect: 0; /* ... */ ;} /* Mit -w-seturlentryonselect: 1 wechselt die URL bei
-w-quality
Beispiel 1: Setzt für die Banner-Variante 99 die Qualität des Banner-Bildes auf 60% /* ... */ .listBannerSlider_var99 .listEntries .listEntryImage { /* ... */ ; -w-quality: 60; /* ... */ } Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend
BASE (Mobile First): Responsive Bilder
Breitenberechnung Hinweise Funktionsumfang der Responsive Bilder Bilder werden als Einzelelemente, Vorschaubildern in Listen, Bannerbilder oder als Bildergalerien dargestellt. In allen Fällen setzt Weblication auf das HTML5 Picture-Tag, um bei
Snippets
Snippet OpenStreetmap - Marker über Listeneinträge hervorheben So können Sie Marker auf einer OpenstreetMap über Listeneintrage hervorheben. Zum Snippet Formulare - Absenden-Button deaktivieren, bis Eingaben korrekt So können Sie den
CSS-Only Varianten anpassen
Links. ab CMS 10.x Liste von Dateien - CSS-Only Auswahl Rufen Sie über das entsprechende Element (z.B. ein Listen-Element, siehe Screen nebenan) die Optionen auf und dort die Layout-Auswahl. Dort können Sie aus schon installierten
thumbnail
Bild über ein WSL-Tag im XSL-Template (z.B. standard.wDocument.php oder xxx.wFilelist.php) generieren ... class= " listEntryThumbnail " cut= " " src= " /baseAssets/img/bild-gruen.jpg " width= " 120 " height= " 80 " additionalMinWidth= " " hd= " 1 "
wUsers::selectUsers
zum Löschen: wRepository::deleteDocument) */ Weiterführende Links Unterschiedliche Sortiermöglichkeiten für Listen Hinweis Beim Einsatz von Framework-Funktionen in eigenen Skripten beachten Sie bitte den Artikel "So verwenden Sie das
WSL-Tags
ein includePHP Includiert die angegebene PHP-Datei moverListEntry Erstellt einen Greifer, um einen Listeneintrag manuell zu verschieben. navigation Generiert eine Navigation php Führt PHP aus replaceTexts Ersetzt alle vorkommenden
Pflege von textbasierten Daten
012.003.110.000 ist als Wert "remove" verfügbar. Eine beispielhafte Umsetzung finden Sie z.B. bei der Auswahl der Listentemplates in der list.standard.wItem.php. mögliche Werte: add|remove notwendig: nein nutzbar bei: editor = 'select' delete
Kategorien
die Herstellung von Beziehungen zwischen mehreren Dokumenten: So können Sie auf einer Seite über eine kategorisierte Listenfunktion alle weiteren Seiten derselben Kategorie(n) anzeigen lassen. Kategorienzuweisung in Dateien Die Zuweisung einer Datei
Strukturierte Daten in Inhaltsseiten - Das Element wd:object
von Datenfeldern Zuweisung bestimmter Datentypen Alle Informationen aus wd:object Containern stehen innerhalb von Listen des PHP-Frameworks (wShowList) zur Verfügung Objekt in der Dokumentenerweiterung name= " Startseite " type= " start
BASE Neuinstallation mit Übernahme der Inhalte
/ übernehmen Wurden im alten Projekt CSS-Only-Varianten (für z.B. Inhaltsboxen, Mehrspaltige Inhaltscontainer, Listen, BannerSlider, Bildergalerien, etc.) verwendet, welche in der aktuellen BASE 2.x im Standard nicht enthalten sind,
Die Tag-Dokumentationsleiste erleichtert die Templatebearbeitung
der verfügbaren Tags. Dies erleichert Ihnen die Arbeit beim Anpassen der entsprechenden Templates (Standard-Templates, Listen-Templates, Objekte-Templates, etc.) durch das schnelle Auffinden folgender Dokumentationen: Pflegetags-Referenz WSL-Tag
Mehrere Strukturelemente gleichzeitig einfügen
auf einmal einfügt: Schaltfläche, um die Dateiverwaltung zu öffnen Schaltfläche, um eine Datei zu erstellen Listen mit Dateien (Listenelement) Passen Sie die Pfade im Beispiel an Ihre Pfade an! Beispiel: Inhalt eines
wDate::prepareObjectdata
sind zum dateFromToFormated. Auszug aus Objektdaten als HTML ausgeben [!-- #foreach select="dates"--] < div class= "listEntryDate" style = "text-align:center" >[!-- dateFromToFormated --] [!-- #endforeach--] Beispiel: Termine sollen über
Platzhalter für Verzeichnispfade in Vorlagen nutzen
aus, setzt sich diese wie folgt zusammen: /base/aktuelles/index.php /base/aktuelles/meldungen/ Es besteht eine Listendatei ( index.php ), welche die Meldungen aus dem Unterverzeichnis /meldungen ausliest. Um nun die gleiche Struktur in anderen
Installationsprobleme / Seitenbearbeitung lädt die Inhalte nicht
werden. Das spart zwar Hauptspeicher, ist aber langsamer. Wird auf viele Dokumente zugegriffen, z.B. bei Abfragen und Listen, kann es bei aktiviertem Cache sein, daß der verfügbare Hauptspeicher überschritten wird. 3) Problemlösungen /