Banner' zur BannerSlider-Variante 22 .listBannerSlider_var22 { /* ... */ ; -w-editmaskExtended-preselectedentry: no; /* ... */ } Listenoptionen BannerSlider - Vorausgewählter Banner Ist zu -w-editmaskExtended-preselectedentry nichts angegeben, ist das Feld
1: Definiert für die Bildergalerie-Variante 23 den Zoomfaktor des Bildes in Großansicht .listPictureGallery_var23 .listEntries .listEntry { /* ... */ ; -w-animation-zoom: 1.8} /* sofern diese Einstellung in den Listeneinstellungen gesetzte Werte
wie u.a. Bildergalerie Bild Inhaltsbox Inhaltsbereich Akkordeon-Container Inhaltscontainer mit Registerlaschen Liste Mehrspaltiger Inhaltscontainer Teaser, Banner, Slider Überschrift etc. verschiedene Darstellungsvarianten auf CSS-Only
überlagern. Je nach Projekt kann es zu Überlagerungen von Bearbeitungssymbolen kommen. Strukturelemente einer Liste in mehrspaltigem Container Wollen Sie den Pflegebutton für die Listenoptionen komplett ersichtlich machen, können Sie
erleichtert Ihnen diese Arbeit durch Einsatz der Listenfunktionalitäten. So können Sie die (rekursiv) zu listenden Verzeichnisse und auch zu listenden Einzeldatei über die Seitenbearbeitung der google-sitemap.php festlegen. Zudem
Beispiel 1: Anzahl der Bilder pro Zeile in der Fancybox-Bildergalerie auf 5 setzen .listPictureGallery_var2 .listEntriesPreview .listEntry { -w-entriesperrow: 5;...} /* sofern diese Einstellung in den Listeneinstellungen gesetzte Werte
/ Anwendungsfälle Beispiel 1: Anzahl der Einträge im Bilderalbum-Teaser auf 12 setzen .listPictureAlbumTeaser_var0 .listEntriesPreview .listEntry { -w-entrieslimit: 12;...} /* sofern diese Einstellung in den Listeneinstellungen gesetzte Werte
(".$resultNode->getAttribute('id').") "; // die Datei document-category.php stellt eine Inhaltsseite mit Liste dar, welche die URL-Parameter berücksichtigt print ' . $resultNode -> getAttribute ( 'id' ). '" class="categories"
Hintergrundfarbe etc.). Wird eine Seite aufgerufen, die nicht in der Navigation verlinkt ist (beispielsweise über eine Liste ), kann die Navigation die Seite nicht eindeutig zuweisen und verwendet in der Regel den letzten aktiven
Auswahlbox justify = Justieren (linksbündig, rechtsbündig, zentriert, blocksatz) orderedList = geordnete Liste unorderedList = ungeordnete Liste table = Tabelle picture = Bildbearbeitung link = Linkbearbeitung source =
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
Beispiel (wsl:php): Auszug aus /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/templates/lists/eventsMulti.wFilelist.php ... class= " listEntryDate "> $showTimeOnSingleDayDates= " select= " /wFilelist/wData/data[@name = 'showTimeOnSingleDayDates']/text() "/> ";
Bedeutung bold Fett / Bold italic Kursiv / Italic underline Unterstrichen / Underline orderedlist geordnete Liste unorderedlist ungeordnete Liste justify Justieren (linksbündig, rechtsbündig, zentriert, blocksatz) link
Zusätzlich muss dann in der \xampp\apache\conf\extra\httpd-ssl.conf der zu "hörenden" Port umgestellt werden: Vorher: Listen 443 Geändert auf: Listen 4433 Schritt 3: Änderungen in der php.ini Um Weblication® CMS Core/Grid in der
Die pflegbaren Elemente einer Objektpflegemaske können nun direkt über den Seiten-Editor angepasst werden. Mit dieser neuen, zusätzlichen Technik lassen sich Masken noch schneller auf die projektspezifischen Anforderungen anpassen, ohne dabei den Quelltext-Editor nutzen zu müssen.
; /*Mouse-Events lösen, sonst startet der Banner danach wieder*/ jQuery ('#bannerSlider_' + listId + ' .listEntries') .unbind ('mouseenter') ; jQuery ('#bannerSlider_' + listId + ' .listEntries') .unbind ('mouseleave') ; } return false; }
Bereits gefilterte Listen lassen sich nun mit Vor- / Zurück-Schaltflächen in der Detailseite durchblättern und jederzeit über einen "Zurück zur Liste" Link wieder aufrufen.
solveListItems Schreibt das Listenergebnis als Dateien fix in die Liste
zur Bildergalerie-Variante 0 .listPictureGallery_var0 { /* ... */ ; -w-editmaskExtended-picturepreviewmode: yes; /* ... */ } Listenoptionen Bildergalerie - Darstellungsart der Vorschaubilder Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf
zur Bildergalerie-Variante 2 .listPictureGallery_var2 { /* ... */ ; -w-editmaskExtended-picturepreviewaspectratio: yes; /* ... */ } Listenoptionen Bildergalerie - Seitenverhältnis der Vorschaubilder Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf
Großbilder' zur Bildergalerie-Variante 0 .listPictureGallery_var0 { /* ... */ ; -w-editmaskExtended-picturemode: yes; /* ... */ } Listenoptionen Bildergalerie - Darstellungsart der Großbilder Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE
zur Bildergalerie-Variante 32 .listPictureGallery_var32 { /* ... */ ; -w-editmaskExtended-picturecreatehd: no; /* ... */ } Listenoptionen Bildergalerie - HD Versionen der Bilder generieren In den meisten Bildergalerie-Varianten ist die Option zum Generieren
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
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
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
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
(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
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
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
Ü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
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
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
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
Universell Beispiele / 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
/ 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
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
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
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
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
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
WSL-Tag handelt es sich um ein wslEditorPre-Tag, das vor Ausführen von XSLT zur Anwendung kommt! Weiterführende Links Listen um
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
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
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
möglich, zusätzlich zum eigentlichen Seiteninhalt auf der rechten Seite einen Portalbereich anzulegen, der eine Liste und ein Loginformular beinhaltet. Der Aufbau eines Inhaltsbereichs folgt nachfolgend beschriebener Struktur:
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
); $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 ,
mit Inhalt (Dateien, Unterverzeichnisse) können Sie auf Platzhalter zurückgreifen. Eine Weblication® CMS Liste können Sie auf diese Weise mit den entsprechenden Pfaden auf die neue Verzeichnisstruktur setzen. Beispiel:
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.
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,