Volltextsuche
Darstellungsvarianten von Boxen
von Boxen 07. Nov 2012 In der aktuellen BASE Version 2.x von Weblication® können Weblics® so auch Boxen vollständig über CSS-Varianten gestaltet werden. Redakteure können die Layout-Varianten in der Konfiguration ganz
Liste mit Box- oder Spalten-Darstellung
gibt es bereits viele CSS-Only-Varianten, aus welchen Sie die für Ihre Umsetzung gedachte Variante wählen können. Box-Darstellung (Listenvariante 10) Beispiel einer Listen Box-Darstellung Mit der Listenvariante 10 (Box-Darstellung)
Variablen innerhalb eines Formulares nutzen
Zeitpunkt des Versandes festgehalten ( dateSend ) und auch der E-Mail mitgegeben ( [!--dateSend--] ). Formulareditor: Box "E-Mail an den definierten Empfänger" From: [!--email--] To: [!--to--] Content-Type: text/plain; charset=UTF-8 Subject:
Lightbox: Listenvariante boxGallery
zum Beispiel -w-option-picture-lightbox:1; aktiviert, so gilt für deren Bilder in der Regel* die Lightbox-Variante "boxGallery". Die Einstellungen der Variante werden in der design.js definiert. Auszug design.js wLightboxVariants [ 'boxGallery' ] =
Formulardaten protokollieren
(Zusatzmodul bis Core Business) zur Bearbeitung auf. Über die " Erweiterten Formulareinstellungen " finden Sie in der Box " Nach dem Absenden auszuführendes Skript " bereits eine im Standard schon gesetzte Abfrage (siehe nachfolgenden
Formulardaten über Platzhalter bedingt in der E-Mail ausgeben
Das zuvor im Screen ersichtliche Quelltext-Beispiel finden Sie nachfolgend zum Kopieren. Beispiel: Inhalt der Box "E-Mail an den definierten Empfänger" mit bedingter Ausgabe von Formulardaten From: [!--from--] To: [!--to--] Reply-To:
So setzen Sie ein Element mit unterschiedlichen Darstellungsarten um
mit, bei denen die Ausgabe über die Bearbeitung definiert werden kann. Am Beispiel des Strukturelementes "container.box" zeigt Ihnen dieser Artikel, wie dies in älteren Projekten umgesetzt ist (aktuelle Projekte nutzen zudem die Definition
Inhaltsboxen individuell über CSS-Only erweitern
nun über beliebige individuelle Titel, Zusatzinfos, pflegbare Felder und Daten-Attribute erweitern, um individuelle Boxen, Layer, Blöcke, Einblender oder sonstige gruppierte Elemente umzusetzen. Inhaltsboxen lassen sich in der BASE (Mobile
Links / Querverweise über Lightbox
In der design.js wird innerhalb des Bereiches "Initialisieren der Seite" über jQuery für alle a-Tags mit der Klasse "box" ( class="box" ) - und weitergehenden Klassen - definiert, wie die Fancybox geöffnet werden soll ( jQuery("a.box ...).
CSS3 - gewusst wie
Nutzbar ab: Version Veröffentlichungsdatum: 13. März 2012 Änderungsdatum: 24. Januar 2014 css css3 gradient shadow box border background CSS3 für unterschiedliche Browser schnell und einfach einsetzen. Mit CSS3 können Sie Effekte, wie
Informationen seitlich am Bildschirmrand oder Inhalt platzieren
19. Juli 2018 Änderungsdatum: 24. Juli 2020 weblication cms inhaltsbox positionieren positioniert rand seitlich box inhalte informationen infobox hinweisbox Inhalte können Sie global am Seiteninhalt oder Bildschirmrand positionieren,
So definieren Sie die häufig benötigten Verzeichnisse für die Dateiauswahl
fileselector häufig benötigt Dieser Artikel erläutert, über welche Datei Sie die Auswahl der "Häufig benötigt" Box definieren. Die in nachfolgendem Beispielscreenshot ersichtlichen Links im Fenster "Häufig benötigt" können Sie in
Inhaltsboxen individuell über CSS-Only erweitern
Inhaltsboxen lassen sich in der BASE (Mobile First) nun über beliebige individuelle Titel, Zusatzinfos, pflegbare Felder und Daten-Attribute erweitern, um individuelle Boxen, Layer, Blöcke, Einblender oder sonstige gruppierte Elemente umzusetzen.
Lightbox-Darstellung beeinflussen
der Lightbox-Variante über w-jquery Der Bildergalerie-Variante 2 wird zum picture-Tag über jQuery ein Data-Attribut "boxPicture2" ergänzt, auf welches später per JavaScript und CSS zurückgegriffen werden kann. Beispiel: Auszug aus der
Formularvalidierung für Bestätigungsfelder umsetzen
nachfolgend nochmals als Auszug zum Validierungsteil im Quelltextbeispiel zum Kopieren: Auszug aus dem Formulareditor, Box "Nach dem Absenden auszuführendes Skript" ... $validation = true ; if( $mailData [ 'email' ] != $mailData [
Einsatz von Isotope Darstellungen für Bildergalerien
yes} .listDefault_var3601 .listEntry { display: inline-block; overflow: visible; box-sizing: border-box; border: none; padding: 1px; margin: 0 2px} .listDefault_var3601 . listEntry: hover { background:
So erstellen Sie Seiten auf Grundlage eines Formulares
wie folgt aussehen: Formular: Profilseite erstellen Über die erweiterten Formulareinstellungen definieren Sie in der Box " Nach dem Absenden auszuführendes Script ", dass die Formulardaten zusätzlich zur E-Mail die Inhalte einer neuen Datei
Weblics® 2.x in BASE 1.x nutzen
Hauptinhalt eingebunden --> name= " content1 " wChecksum= " 7a79f357c7b5e1e8b2b8755e3991a02f "> <!-- Workflow-Box --> name= " workflowBox " wd:pathTemplate= " misc/includes.global.php#workflowBox "/> CONTENT:START test= "
-w-jquery
der Listeneinträge um das Attribut class, um dies als Fancybox-Ziel zu definieren /* ... */ /* Setzt class="box" über jQuery, um das A-Tag für ein Fancybox-Ziel zu definieren (Abfrage über design.js) : */ /* über addClass
Hinweisbox bei Aufruf einer Seite / Layer für Aktionen
" display: none; " target= " fancy " name= " callFancy " href= " https://www.weblication.de/?viewmode=blank " class= " box "> Weblication Nach diesem Element fügen Sie ein "Javascript einbinden" Element ein und setzen z.B. folgenden
Listeneinträge in einer Lightbox öffnen
// Link in neuem Fenster öffnen -w-option-linkTarget: _blank; // Link in einer Lightbox öffnen -w-option-linkTarget: box; -w-option-linkPostfix: 'viewmode=blank&linkback=no'; // Link in der Lightbox mit der Variante Card öffnen
Anpassen einer Bannerslider Variante über CSS-Only
horizontal) /* ... */ .listBannerSlider_var40 .listEntriesPreview .listEntry { display: table-cell; cursor: pointer; box-sizing: border-box} /* ... */ Nach der Anpassung (visuell gleich): Banner-Variante 40 (Bild, mehrspaltiger Teasesr
Objekt-Wizard - Seitendarstellung des Objektes
individiuell über HTML formatiert werden. Zudem ist der Einsatz von WSL-Tags möglich, was im Info-Text unterhalb der Box angeführt wird. Beispiele finden Sie unter anderem in der Mobile First Hilfe . 'HTML Sonderzeichen (nicht) maskieren':
Objektwizard - Listeneintrag des Objektes
individiuell über HTML formatiert werden. Zudem ist der Einsatz von WSL-Tags möglich, was im Info-Text unterhalb der Box angeführt wird. Beispiele finden Sie unter anderem in der Mobile First Hilfe . 'HTML Sonderzeichen (nicht) maskieren':
-w-editmaskExtended-classes
Klassenname(Beschreibung) Definiert die Auswahlbox mit den gewünschten Werten für eine CSS-Klasse container.box.wItem.php container.layout.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Gibt für die Inhaltsbox die möglichen
Navigationen
" Neues Fenster " en:name= " New window " value= " _blank "/> de:name= " Lightbox " en:name= " Lightbox " value= " box "/> Jedes auf diese Weise definierte Attribut steht innerhalb des Navigationstemplates gemäß XSLT/ XPATH als Attribut
Listen in nebeneinander stehenden Boxen ausgeben
aktualisierte Weblic® Liste enthält im Standard bereits eine Vorlage für die Darstellung von nebeneinanderstehenden Boxen. Dabei kann die Anzahl der pro Zeile dargestellten Objekte bestimmt werden. Mit der Listenausgabe über nebeneinander
Darstellungsvarianten von Bildergalerien
Layout-Varianten von Bildergalerien können Sie in Weblication® ab BASE-Version 2 rein über CSS definieren.
Einblendeffekte in Weblication® in Inhaltsbereichen und Boxen
in Inhaltsbereichen und Boxen 03. Feb 2022 Für "Inhaltsbereiche" sowie "Inhaltsboxen" lassen sich in der Elemente-Konfiguration verschiedene
Innovatives Web-Design: Inhaltsseiten flexibel gestalten mit CSS-Only in Weblication®
verfügbar. Inhaltsbereich mit Inhaltsbox rechts oben überlappend Inhaltsbereich mit von unten überlappenden Boxen Inhaltsbereich mit von unten überlappenden Boxen. Inhaltsbereich mit von unten überlappenden Boxen Box
Wireframes und dynamische Prototypen mit Weblication® CMS extrem schnell erstellen
von der ausgewählten Inhaltsstruktur - ein eigenes Seitenlayout definieren. Mehrspaltige Gestaltungscontainer und Boxen verwenden Innerhalb von Inhaltsseiten ziehen Sie per Drag&Drop mehrspaltige Inhaltscontainer in die Seite. Die
Social Media - Facebook, Twitter, Google+ und Co. - mit Weblication®
aktiviert. So werden beim Seitenaufruf noch keine Daten an Facebook gesendet. zum Weblic® Facebook Like Box Mit diesem Weblic® können Besucher sehen, wem die aktuelle Seite gefällt und gleichzeitig als 'gefällt mir'
Neu in Weblication® Version 20 - veröffentlicht am 01.07.2025
Schnellfilter bei der Elementauswahl nun auch den Typ. Beispiel - siehe 1. Screen: Titel : Inhaltsbox Typ : container.box Bei der Eingabe von Inhaltsbox, container oder box zeigt der Schnellfilter nun Ergebnisse an. Bisher wurde nur die
Umgebaute Weblication® CLOUD als Download-Portal
auch Videos heruntergeladen und nicht sofort im Browser abgespielt werden. Hauptnavigation Hauptnavigation - Condair Box - umgestaltete Weblication CLOUD Unter-Navigation Unter-Navigation - Condair Box - umgestaltete Weblication CLOUD
Gestalten mit Design-Containern in Weblication®
Inhaltsbox (mit weiteren Elementen befüllbar) Dieser Inhaltscontainer erlaubt es dem Redakteur, Inhalte in einer Box besonders hervorzuheben. Er lässt sich mit beliebigen Inhaltselementen befüllen, deren Breiten über das
Browse & Edit - Seiteninformationen | Weblication CMS Onlinedokumentation
Weblication® Panel - Symbol für Seiteninformationen anheften/lösen Bedienung Die über die Seitenansicht erreichbare Box der Seiteninformationen wird nachfolgend genauer beschrieben. Über das Rechteck-Symbol in der rechten oberen Ecke kann
Kampagnen-, Zielanalysen | Weblication CMS Onlinedokumentation
Seite gehen. Das kann eine Seite sein, welche für eine Trichteranalyse genutzt wird oder direkt die Zielseite (grüne Box). Bei z.B. 13 / 643 gehen somit 13 Seitenbesucher der 643 Aufrufe weiter zur nächsten Seite. Die Anzahl wird zusätzlich
Hohe Performance für SEO-Ranking, Nachhaltigkeit und User-Experience mit Weblication®
Vielzahl an Optimierungen erreicht eine Website, die auf Basis von Weblication CMS erstellt wurde, bereits "Out of the box" hervorragende Werte im PageSpeed Insights Test und besteht außerdem den wichtigen Core Web Vitals Test auf Anhieb.
Datenfragment: Strukturelement rein über CSS-Only erstellen
Eintrag ein und definieren die entsprechenden Inhalte. Die Strukturierung der Speisekarte können Sie vornehmen über Boxen, Tab-Container, Überschriften und alle sonstigen Strukturierungsmöglichkeiten des Editors. Darstellung Speisekarte im
Neue Elemente rein über CSS erstellen in Weblication®
font-size: 1rem; background: #ffffff; color: #ff0000; padding: 0 0.8rem; border: solid 2px #ff0000; border-radius: 3px; box-shadow: 0 0 6px rgba (0, 0, 0, 0.3) ; transform: rotate (8deg) ; } } .productAditional { font-size:
Design Container: Webseiten gestalten per Mausklick ohne Programmierung
Inhaltsbox (mit weiteren Elementen befüllbar) Dieser Inhaltscontainer erlaubt es dem Redakteur, Inhalte in einer Box besonders hervorzuheben. Er lässt sich mit beliebigen Inhaltselementen befüllen, deren Breiten über das
Layout / Design - Sonstige Darstellungen | Weblication CMS Onlinedokumentation
beinhaltet z.B. zentrale Elemente wie den HTML-Header, Sprachwahl, Navigationsaufrufe, Pflegeschaltflächen, Workflow-Box, Weblication Panel, etc. Diese ausgelagerten Elemente werden bei der Transformation über das zentrale XSL-Stylesheet