Volltextsuche
Navigationsbeispiel: Hauptnavigation getrennt mit Logo mittig
mittig Dieser Artikel beschreibt eine Umsetzung für eine Navigation, wie im Screen anbei veranschaulicht. Für eine Darstellung einer Navigation, bei der die Hauptpunkte mittig getrennt vom Logo sein sollen, können Sie als Administrator auf
Pflege von textbasierten Daten
notwendig: nein nutzbar bei: editor = 'input' , editor = 'textarea' styles definiert die CSS-Formatierung, um die Darstellung der einzelnen Auswahlboxen bzw. Radiobuttons anzupassen (nicht vom IE unterstützt!). Die Werte werden mit Pipe
Pflegbares Feld für Objektdaten
machen': 'Vorschau anzeigen': 'Hochladen erlauben': 'Format': 'Pflegbar': 'CSS-Klasse': 'Validator': 'Aktiv / Inaktiv': Darstellung: 'Dekorator': 'CSS': JavaScript-Ereignisse: 'Beim Ändern': 'Beim Fokusieren': 'Beim Verlassen': Dynamisches Einblenden:
Entwicklertools zur schnellen Layoutanpassung nutzen
als Administrator und Projekt aufrufen Schritt 2: Kontextmenü für Element untersuchen Aufruf öffnen Schritt 3: Darstellung beispielhaft ändern Schritt 4: CSS-Datei zur Bearbeitung öffnen und Farbwert ändern Schritt 1: Anmelden als
So passen Sie die Listenübersicht einer Weblication® Liste an
über das Strukturelement "Liste" eingebunden: In den Listenoptionen ist ersichtlich, welches Listen-Zeilentemplate (Darstellungs-Template) verwendet wird. Dies wird mit dem beschreibenden Titel (im Beispiel: Normale Darstellung ) und in Klammer mit
So verwenden Sie ein eigenes Skript zur Auswahl der Listen-Templates
" 0 " menubar= " 0 "/> ... Die Auswahlbox liefert in der Bearbeitung der Listenoptionen die zur Verfügung stehenden Darstellungstemplates (Zeilentemplates). Beispiel: Liste - Auswahl Darstellungs-Template Eigenes Skript zur Auswahl der Darstellungstemplates
Font Awesome für Navigationssymbole nutzen
einfach per Ticket beim Support nach. 1. Font Awesome einbinden 2. Die Pflegemaske im Navigationseditor erweitern 3. Darstellung anpassen 1. Font Awesome einbinden Als erstes binden Sie Font Awesome ein. Klicken Sie dazu auf Layout anpassen >
Version 13: Mobile Performance durch neue Lazy Loading Funktionen
bis zu welcher Breite Lazy Loading eingesetzt werden soll. Es spricht damit also nichts mehr dagegen, bei mobiler Darstellung generell auf Lazy Loading zu setzen, ohne es auf dem Desktop zu nutzen. Lazy Loading nur für die mobile Darstellung
Kategorienfilter - Konfigurationsbeispiel in Listen
erneuten Klick auf Schaltfläche deaktivieren': 'Als Auswahlfelder anzeigen': 'Mehrfachauswahl erlauben': 'Sortierung': 'Darstellung': Liste - Kategorien über URL-Parameter 'Name des Parameters': 'ID des Kategorienfeldes': 'Unterkategorien mit
Mobile Performance durch neue Lazy Loading Funktionen
bis zu welcher Breite Lazy Loading eingesetzt werden soll. Es spricht damit also nichts mehr dagegen, bei mobiler Darstellung generell auf Lazy Loading zu setzen, ohne es auf dem Desktop zu nutzen. Lazy Loading nur für die mobile Darstellung
Inhalt des Dateiexplorers beeinflussen
und verzeichnisspezifischen Einstellungen direkt über das Backend anzusteuern ( Projekteinstellungen (Darstellung) und Verzeichniseinstellungen (Darstellung) ). Anpassungen zur Verzeichnisstruktur Beispiel 1: URL zum Produktshop
Liste: So können Sie eine externe ics-Datei über eine einfache Liste ausgeben
weisen Sie in den Einstellungen der Liste den Link zur .ics-Datei dem Feld "Aufzulistende Dateien" zu. Für die Darstellung installieren bzw. wählen Sie die Variante "330 iCal". Für eine aktuelle Darstellung empfehlen wir die Liste vom
Änderungen in Weblication® CMS Core/GRID
zu setzen. 017.006.264.000 31.05.2023 Bei der Pflege von Mehrfacheinträgen lässt sich im Objektwizard auch die Darstellungsart Tabelle auswählen. Spaltenüberschriften erscheinen dadurch nur einmalig und Umbrüche werden vermhindert.
Dateioptionen - Die Dokumentenerweiterung (wd:extension)
abgelegt. Es ist möglich, für Dateien individuelle XSL-Stylesheets anzugeben. Dies macht Sinn, wenn für die Darstellung der Inhalte spezielle XSL- oder HTML-Codes benötigt werden und/oder die Darstellung der Seiten stark von der
Dateioptionen - Die Dokumentenerweiterung (wd:extension)
abgelegt. Es ist möglich, für Dateien individuelle XSL-Stylesheets anzugeben. Dies macht Sinn, wenn für die Darstellung der Inhalte spezielle XSL- oder HTML-Codes benötigt werden und/oder die Darstellung der Seiten stark von der
Menü-Navigationen: Mehrere Varianten für Öffner auswählbar
17 mehrere Varianten für den Öffner der Menü-Navigation zur Auswahl. Menü-Navigation Schaltfläche Icon / Text Die Darstellung der Menü-Navigation erlaubt aktuell folgende unterschiedlichen Auswahlmöglichkeiten: Icon, Icon mit Text
So setzen Sie ein Pflegeformular für öffentliche Benutzer um
in diesem Quelltextbeispiel an Ihre Projektpfade an! --> ... match= " wd:object[@type = 'produkte-demo'] "> <!-- Darstellung im Editor (Pflegemaske)--> test= " $wIsInEditor and @wEditorId "> path= "
Änderungen in Weblication® CMS Core/GRID
lassen sich über das Panel direkt erreichen. 008.000.118.000 14.08.2013 Über previewStyle lässt sich die Darstellung eines Vorschaubildes im Editor anpassen. Reguläre Ausdrücke zum Validieren von Eingabefeldern im Editor können über
Objektwizard - Listeneintrag des Objektes
werden können. Damit die im Objektwizard definierte Listendarstellung auch angewendet wird, muss in der Liste z.B. die Darstellungsvariante " Darstellung über Objektwizard " ausgewählt werden. Zudem muss das Objekt-Template die erforderlichen Ergänzungen
Listen
Liste aller gefundenen Dateien in einem XML-String zurück und transformiert es mit einem XSL-Stylesheet, dem Listen-Darstellungstemplate: XSL-Stylesheet für die Listendarstellung (Zeilentemplate) <?php $version="1.0"; $encoding="UTF-8"; ?> <?php
Listen
Liste aller gefundenen Dateien in einem XML-String zurück und transformiert es mit einem XSL-Stylesheet, dem Listen-Darstellungstemplate: XSL-Stylesheet für die Listendarstellung (Zeilentemplate) <?php $version="1.0"; $encoding="UTF-8"; ?> <?php
So filtern Sie die Auswahl der Listen-Templates
!= 'no' "> class= " wEditorElementLabel "> select= " php:functionString('wTexts::showTextUser', 'Template list', 'Darstellungs-Template für die Ergebnisliste', 'Trame pour liste de résultats') "/> test= " $wUsertype = 'admin' "> ( select=
HTML Meta-Daten setzen und pflegen
die Ausgabe über das zentrale Ausgabetemplate. In der BASE Projektbasis werden die HTML-Kopfdaten über das zentrale Darstellungstemplate ( standard.wDocument.php ) eingelesen. Definiert sind diese Angaben im htmlHeader -Template, welches im XSL-Template für
Menünavigation anpassen
und dort in der Spalte "Konfiguration / Layout". Im Block "Kopfbereich" klicken Sie auf die Schaltfläche "Darstellung des Kopfbereichs anpassen", um die Bearbeitung der header.scss (Kopfbereich) zu öffnen. Hier findet sich u.a. der
Objekte über Banner Slider anzeigen
des Banners verwenden. Über die CSS-Only Deklaration -w-displayElements können Sie für Objekte einstellen, dass die Darstellung nach deren Listenansicht erfolgt. //Damit die Listenansicht des Objektes in den infoLayer geladen wird, aktivieren Sie
Navigationstemplates
Mouseover Seite Pfad zur Seite, welche die Inhalte zur Navigationsvorschau enthält (siehe nachfolgender Screen). Die Darstellung dieser Vorschau definieren Sie im verwendeten Navigationstemplate. Pflegegruppe Gruppe, die den Navigationsast
Links / Querverweise über Lightbox
gestalteten Fenster zu öffnen. Fancybox, Lightbox, jQuery und Co bieten vielfältige Möglichkeiten, um z.B. die Darstellung des Zielfensters eines Links individuell zu gestalten. Nachfolgend wird Ihnen der Einsatz der Fancybox für
Manuelle Sortierung in Listen
Sie einfach per Mausklick wieder auf. Diese manuelle Sortierung in Listen erfordert innerhalb des verwendeten Listen Darstellungstemplates einen WSL-Aufruf ( wsl:moverListEntry ), siehe BASE Classic oder den Aufruf über die PHP-Framework Funktion
Weblication® Masken durch eigene Informationen für Benutzer erweitern
Ab CMS-Version 12.x können Sie dies direkt über die Projekteinstellungen des Projektes vornehmen (Register: Darstellung -> Benutzerinfos) Definitionsdatei für pfadabhängige Benutzerinformtionen <?php $version="1.0";
Snippets
anpassen, wozu dieses Snippet ein Beispiel liefert. Zum Snippet Tabcontainer bzw. Registerlaschen in der mobilen Darstellung beim Laden alle öffnen Werden Registerlaschen in der mobilen Ansicht als Akkordion-Container angezeigt, ist es ggf.
Pflegemasken für Metadaten aus der Dokumentenerweiterung
Pfad: /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/templates/editmasks/standard.metadata.php Dieses Stylesheet wird im XSL-Darstellungstemplate standard.wDocument.php über folgenden Aufruf dynamisch eingebunden, sofern die Datei bearbeitet wird und sich im
Pflegemasken für Metadaten aus der Dokumentenerweiterung
Pfad: /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/templates/editmasks/standard.metadata.php Dieses Stylesheet wird im XSL-Darstellungstemplate standard.wDocument.php über folgenden Aufruf dynamisch eingebunden, sofern die Datei bearbeitet wird und sich im
Listen
einer Seite zu integrieren, wird das entsprechende Strukturelement "Liste" eingefügt und danach konfiguriert: Optionen: Darstellungstemplate Wählt die gewünschte Darstellung aus einer Reihe vordefinierter Darstellungstemplates aus. Die hier zur Verfügung
Tabellen mit dem Tabelleneditor gestalten
Projektkonfiguration: Tabellen Im Standard bieten Ihnen die BASE Projekte eine Standarddarstellung (default) und eine Darstellung ohne Rahmen light) an. Die im Tabellen-Element zur Verfügung stehenden Darstellungsvarianten definieren Sie in der
Die Darstellung des aktuellen Strukturelementes kann aus dem Struktureditor heraus angepasst werden, wenn im web:item:start der Pfad angegeben ist. (pathEdit="/wGlobalProject/wGlobal/layout/templates/items/xyz.wItem.php")
Darstellung des aktuellen Strukturelementes kann aus dem Struktureditor heraus angepasst werden, wenn im web:item:start der Pfad
Aufzählungssymbole im Textfeld über Font Awesome
Symbole zu nutzen. So können Sie zum allgemein üblichen Bullet-Symbol auch Pfeile, Häkchen, u.v.m. für die Darstellung einer Aufzählung verwenden. Um die Auswahlbox für die Untervariante "Aufzählungssymbole" zu aktivieren, stellen Sie
Eigene Pflegemasken zu CSS-Only Untervarianten der Überschrift nutzen
Duplizieren einer Hauptvariante nur bestimmte Formatierungsmöglichkeiten einer Untervariante für eine abweichende Darstellung zu nutzen. Das Beispiel finden Sie nachfolgend als Quelltextbeispiel angeführt. Beispiel: Auszug der Inhaltsbox
Horizontale Footermap Navigation
Weblic® " Navigation einbinden " ein Element zur Verfügung, welches durch entsprechende Einstellung unterschiedliche Darstellungen ermöglicht. Der Screen anbei zeigt die CSS-Only Darstellungsvariante 50 "Horizontale Map" auf. Um diese Darstellung
wList::getListData
des zu ermittelnden Wertes Ermittelt den Wert 'containerWidth' aus den aktuellen Listendaten // Aufruf ueber ein Listen Darstellungstemplate // (siehe z.B. galleryFancybox.wFilelist.php) $containerWidth = wList::getListData('containerWidth'); print "Breite des
Das wGlobal Verzeichnis - Anpassungen für Ihr Projekt
den Sprachverzeichnissen ein wGlobal-Verzeichnis abgelegt. In diesem Verzeichnis befinden sich alle Dateien, welche zur Darstellung und Funktionsweise des Projektes und seinen Sprachen notwendig sind: Editoreinstellungen für die Bearbeitung von
Der Aufbau eines XML-Inhaltsdokuments
sich Inhaltsdateien jedoch in einem oder mehreren Inhaltsverzeichnissen unterhalb des Projektverzeichnisses. Zur Darstellung der in XML gespeicherten Daten werden ein oder mehrere XSL-Stylesheets verwendet. Für weitere Informationen zur
Responsive Webdesign
setzt für die Ausgabe der Webseite in erster Linie auf Responsive Webdesign ( RWD ) . Eine spezielle mobile Darstellung empfehlen wir nur dann, wenn sich die Inhalte für mobile Endgeräte stark von der eigentlichen Webseite unterscheiden
Der Aufbau eines XML-Inhaltsdokuments
sich Inhaltsdateien jedoch in einem oder mehreren Inhaltsverzeichnissen unterhalb des Projektverzeichnisses. Zur Darstellung der in XML gespeicherten Daten werden ein oder mehrere XSL-Stylesheets verwendet. Für weitere Informationen zur
Linken Seitenbereich zur Pflege aktivieren
Seitenbereich aktivieren, so öffnen Sie diese in der Seitenbearbeitung, wechseln in die Metadaten und wählen unter Darstellung " Mit linkem Seitenbereich " (pageLayout 20). Damit der linke Seitenbereich im Editor zur Pflege angeboten wird, muss das
Alternierende Listen umsetzen
Weise umsetzen Um Listeneinträge besser voneinander absetzen zu können, bietet sich eine unterschiedliche Darstellung der einzelnen Listeneinträge an (z.B. alternierend). Dieser Artikel führt unterschiedliche Lösungen hierfür an.
Projektumstieg: Neue Projektgrundlage für bestehende Projekte nutzen
ab. Prüfen Sie über einen Aufruf der Webseiten sicherheitshalber, ob alles korrekt angezeigt wird. Sofern es Darstellungsprobleme gibt, speichern Sie über "Layout anpassen" die design.css (bei BASE Classic) bzw. page.scss (bei BASE (Mobile First))
BASE (Mobile First): Responsive Bilder
Höhe sicherzustellen. Das Bild wird dann sehr wahrscheinlich ein anderes Seitenverhältnis haben, da dies bei der Darstellung eh eingepasst wird. Was passiert, wenn beim ersten Aufruf noch nicht alle Bilder gerendert sind Ist die
So passen Sie die Linkbearbeitungsmaske individuell an
Beispielprojekt bereits mitgelieferten Klassen weitere Klassen zur Auswahl anbieten. Ihr Kunde soll z.B. nicht nur die Darstellung für PDF-Links auswählen können, sondern auch für Office-Dokumente. Fügen Sie innerhalb der Attribute-Definition
Änderungen in Weblication® CMS Core/GRID
Feedback-Funktion verfügbar. 011.001.121.000 31.07.2016 Über das erweiterte Werkzeug "BASE Analyzer" können die Darstellungstypen einer Seite direkt geändert werden. 011.001.092.000 25.07.2016 Das WSL-Tag getCategoryText unterstützt über das
CSS-Only Referenz
neue Varianten downloaden und per Mausklick Ihre Websites und Anwendungen völlig ohne Programmierung ändern. Neue Darstellungvarianten von Weblics® lassen sich oft in wenigen Minuten erstellen, weshalb wir bereits kostenlos für Partner Wunschvarianten