Volltextsuche

Cookies - Informationen zum Datenschutz

bereits im Standard eine Protokollierung zum Cookie-Hinweis umgesetzt. Dies erfolgt über eine Callback-Funktion in der design.js (" Callback, das nach dem Bestätigen und Ablehnen zum Laden externer Komponenten aufgerufen wird "). Darüber wird

So setzen Sie ein Pflegeformular für öffentliche Benutzer um

// // Callback, das nach dem Löschen einer Datei aufgerufen wird // Sollte in der design.js abgelegt werden und wird nur hier im Beispiel direkt im Template definiert //

Pflegemasken für Metadaten aus der Dokumentenerweiterung

Anpassen einer Bildergalerie Variante über CSS-Only

werden. Vor der Anpassung Bildergalerie-Variante 0 (Großansicht mit Diavorschau horizontal) Beispiel: Auszug aus der design.css zur Bildergalerie-Variante 0 (Großansicht mit Diavorschau horizontal) /* ... */ /*@wCssFragment { class:

Welche Rolle haben Administratoren und Designer bei der Bildgestaltung mit BASE (Mobile First)?

mit BASE (Mobile First)? Alle gestalterischen Angaben zu Bildern werden über CSS-Only Varianten definiert, was dem Designer die größtmögliche Kontrolle über die Bilddarstellung ermöglicht. Wie Bilder und Hintergrundbilder sich verhalten,

Welche Kontrolle hat der Administrator bzw. Designer bei der Bilddarstellung im BASE (Mobile First) System?

im CSS steuerbar. Die Breitenberechnung erfordert keine speziellen hierarchischen CSS-Definitionen, wodurch der Designer wesentlich mehr Freiheiten erhält. Mehr dazu in folgendem Artikel: BASE (Mobile First): Responsive Bilder < Zur

Die BASE - 12 Grundstrukturen und zahlreiche Navigationslayouts bereiten HTML und CSS für Ihr individuelles Design vor

bereiten HTML und CSS für Ihr individuelles Design vor 17. Mär 2011 Nutzen Sie als Basis für Ihre individuellen Designs die BASE – Projektbasis . Darin sind alle für eine Web-Präsenz relevanten Grundstrukturen und Navigationslayouts

wPageCur::appendCss

Funktionsaufruf Void appendCss(String path) Parameter path Pfad der CSS Datei Fügt die custom.scss Datei zur design.css hinzu select= " php:functionString('wPageCur::appendCss',

wPageCur::insertBeforeCss

Import-Pfad, vor den die CSS eingebunden werden soll Fügt die custom.scss Datei vor dem Import der html.scss zur design.css hinzu select= " php:functionString('wPageCur::insertBeforeCss',

Anpassen einer Bannerslider Variante über CSS-Only

nichts. Vor der Anpassung: Banner-Variante 40 (Bild, mehrspaltiger Teasesr unten) per Klick Beispiel: Auszug aus der design.css zur Bildergalerie-Variante 0 (Großansicht mit Diavorschau horizontal) /* ... */ .listBannerSlider_var40

Seiteninhalte in die Zwischenablage legen (wglButtonCopyClipboard)

bereitgestellt, mit der sie z. B. die ID eines Akkordeon-Containers für die Linkpflege kopieren können. Javascript (design.js) jQuery ( document ). ready (function(){ ..... /* Akkordeon-Header vorbereiten */ jQuery ( '.accordionHeader' ).

Download von Binärdateien erzwingen

erzwingen Sie können den Download von Binärdateien für alle download-CSS-Klassen erzwingen indem Sie in der design.js u.a. Snippet definieren. Auszug aus der design.js jQuery(document).ready(function(){ // ... //Funktion für alle

Vorlesefunktion für Seitentexte nutzen

lese Ihnen nun vor: '; } BASE Classic BASE Classic: wglReader Klasse zum Inhaltsbereich hinzufügen (design.css) .elementSection { -w-add-classes: wglReader; -w-add-data: 'readertarget=prepend,readertextpre=Ich lese Ihnen nun

Multiprojekt Umsetzung

14. Dezember 2015 Änderungsdatum: 16. März 2023 projekte multiprojekte mehrere superglobal layout design sprachen Dieser Artikel beschreibt, wie Sie für einen Kunden mit mehreren Projekten auf das gleiche Layout

wURL::createMailNoSpamText

wird nur in Verbindung mit der design.css korrekt dargestellt) (verfügbar ab CMS-Version 011.005.062.000) Funktionsaufruf String createMailNoSpamText(String

Scrolling von oben erzwingen

oben erzwingen So erzwingen Sie das Scrolling von oben, um z.B. Anker von oben anzusteuern. Beispiel: Auszug aus der design.js, für individuelles Scrollverhalten /* Beim Aufruf von Seiten mit Ankern scrollt der Browser in der Regel direkt

CSS-Only Varianten in Objekten nutzen

Sie im vorigen Pflegetag zum Attribut cssClass gesetzt haben (z.B.: cssClass="objectSlide" ), definieren Sie nun in der design.css die entsprechenden CSS-Only Varianten ( ... @wCssFragment{class: objectSlide ; ...): Auszug aus der design.css mit

Gestalten mit Design-Containern in Weblication®

16. Nov 2017 Weblication® bietet zahlreiche Design-Container zur Inhaltsgestaltung mit denen Sie als Redakteur, Designer oder Entwickler schnell und effizient Webseiten gestalten. Wir stellen Ihnen die wichtigsten Container für das Design

Formularfelder via Ajax laden

Ändert sich der Inhalt des Kalenderfeldes wird das Event "wOnAfterChangeDate()" ausgeführt. Das Event kann in der design.js (für alle Seiten) oder nur in der aktuellen Seite über das Javascript-Quelltext-Element eingefügt werden.

Kategorienfilter und wie das Verhalten manipuliert werden kann

den Kategorienfilter wird die URL manipuliert und über location.href abgesendet. Das kann über eine Funktion in der design.js manipuliert werden. Kategorienfilter, beeinflussen der Weiterleitung Für unten aufgeführte Syntax existierten zwei

Lottie-Files: Player pausieren

Script beschreibt, wie Sie Lottie-Files laden und abhängig von einem Lottie-Frame pausieren können. Funktionen in der design.js: Eventhandler für den Lottie-Player /////////////////////////////////////////////////////////////// // // Anmeldung

Grafiken in Relation von der Höhe mit clip-path beschneiden

Beispiel wird der Pfad einer Form verwendet, der zum Beispiel ein Bildbearbeitungstool erstellt wurde. Auszug aus der design.js //////////////////////////////////////////////////////////////// // // Initialisieren der Seite //

Navigationshilfe ScrollTop-Button - Anzahl der Pixel bis zum Einblenden anpassen

angepasst werden. Beispiel: Setzen der pixel ab welcher der ScrollTob-Button angezeigt werden soll im ready-Event der design.js jQuery (document) .ready

Mehrspaltige Design-Container verschachteln

Containers ein. Dabei werden Bilder immer automatisch in die korrekte Größe gerechnet und dargestellt. Mehspaltige Design-Container verschachteln 20. Sep 2012 Inhaltscontainer können Sie in Weblication® CMS beliebig verschachteln. So

Tabcontainer bzw. Registerlaschen in der mobilen Darstellung beim Laden alle öffnen

Akkordion-Container angezeigt, ist es ggf. gewünscht, beim Laden gleich alle zu öffnen. Aktivieren Sie dazu in der design.js die passende mediaquery_[viewport]_onactivate und führen Sie darin die Funktion wOpenAllTabcontainer(); aus. Auszug

wPicture::createPicture

relevanten übergordneten Elementen zusammen setzt. $options [ 'cssPath' ] = $GlobalProject . '/wGlobal/layout/styles/design.css' ; if( $useLightbox ){ $options [ 'attributes' ][ 'class' ] = 'wglLightbox' ; $options [ 'attributes' ][ 'data-src'

Web-Projekte mit individuellen Layouts extrem schnell umsetzen

Layouts extrem schnell umsetzen 21. Jan 2011 Mit dem neuen Weblication® CMS setzen Sie Web-Projekte mit individuellen Designs extrem schnell um. Warum das so ist, das erklären wir Ihnen nachfolgend: Individuelle Designs und Navigationen extrem

RSS: Weblication® Mobile First Changelogs Version 19

E-Mail-Text des Anmeldeformulares optimiert 08.07.2025 BASE für Version 19: BASE JavaScript Dateien 1.0.391: ui.js/design.js: Barrierefreiheit - Die neue Funktion wAccessibility kann über die design.js aktiviert / eingestellt werden und

Systemparameter bei der XSL-Transformation

!= '' "> select= " php:functionString('wPageCur::getVar', 'wCSSPath') "/> /default-wGlobal/wGlobal/layout/styles/design.css name= " wCSSNaviPath "/> name= " wLanguageProject "> select= " php:functionString('wProjectCur::getLanguage',

wCSS::getWidthBlock

'Breite des Blockes blockContent in Pixel: ' . wCSS :: getWidthBlock ( '/dev/dokumentationen/framework/beispiele/styles/design.css' , '#blockContent' , 'width' ); ?> Ergebnis Breite des Blockes blockContent in Pixel: 488.8 Beispiel: Gibt die

Änderungen in Weblication® CMS Core/GRID

sind über das Panel erreichbar. 007.004.285.000 11.04.2013 Innerhalb des Editors können Elemente auch in der design.css über html.weditor angesprochen werden. 007.004.283.000 11.04.2013 BMI-Links zur Komprimierung von Bildern bei der

Framework

Speichert das aktuelle Ranking zur Seite ab void addRanking(Array options) appendCss Fügt eine CSS-Datei zur design.css hinzu. (verfügbar ab CMS-Version 015.001.011.000) Void appendCss(String path) doNotAddToCache Verhindert, dass die

wPageCur

Speichert das aktuelle Ranking zur Seite ab void addRanking(Array options) appendCss Fügt eine CSS-Datei zur design.css hinzu. (verfügbar ab CMS-Version 015.001.011.000) Void appendCss(String path) doNotAddToCache Verhindert, dass die

Datumsabfrage für bedingten Formular-Container

ist. Zudem für die clientseitige Prüfung erforderliche isValidDateInRange JS-Funktion, welche entweder in der design.js abgelegt werden kann oder in der Formularseite selber über ein JavaScript-Element eingebunden sein kann.

Snippets

erzwingen Sie können den Download von Binärdateien für alle download-CSS-Klassen erzwingen indem Sie in der design.js u.a. Snippet definieren. Zum Snippet Grauskalierung des Kartenlayers von OpenStreetmap So verändern Sie die

wCSS::getDiffWidthElement

$_SERVER [ 'DOCUMENT_ROOT' ]. '/weblication/grid.php' ); $cssPath = '/dev/dokumentationen/framework/beispiele/styles/design.css' ; $selector = '.listDefault_var9 .listEntryInner' ; print 'Differenz der inneren und der äußeren Breite des

-w-jquery

/* ... */ /* Setzt class="box" über jQuery, um das A-Tag für ein Fancybox-Ziel zu definieren (Abfrage über design.js) : */ /* über addClass (empfohlen) : */ .listDefault_var0 .listEntryTitle a { -w-jquery: jQuery (this) .addClass

Layout Beispiele aus Weblication® coredemo.de in eigene Projekte übernehmen

So übernehmen Sie Layout Beispiele aus coredemo.de samt konfigurierter CSS-Only Darstellungsvarianten in eigene Projekte ...

Mehrspaltige Designs per Mausklick realisieren

mehr) darstellen oder 2-spaltige Container in den Darstellungen (50%-50% / 30%-70% / 70%-30% oder beliebig von Ihrem Designer definiert) anzeigen. So können auch Redakteure ohne Programmierung Inhalte flexibel mehrspaltig anlegen. Mehrspaltige

NEUES Weblic®: Listen um beliebige Elemente erweitern

Über das neue Weblic® "Listenerweiterungen" können Sie beliebige Elemente in eine Liste integrieren ...

Design Container: Webseiten gestalten per Mausklick ohne Programmierung

Design Container: Webseiten gestalten per Mausklick ohne Programmierung 14. Feb 2014 Weblication bietet inzwischen mehr als 20

Responsive Container: Inhalte abhängig von der Bildschirmbreite ein-/ausblenden

Über den Responsive Inhaltscontainer kann ein Redakteur Bereiche definieren, die ab einer bestimmten Bildschirmgröße ausgeblendet werden. Der Container kann mit beliebigen Strukturelementen befüllt werden. Inhalte werden ausgeliefert und sind für den Besucher nicht sichtbar, falls er nicht die geforderte Bildschirmgröße hat. Damit lassen sich Responsive Webdesign-Funktionen auf Inhaltsebene umsetzen. Auf der folgenden Seite können Sie das Prinzip testen

3 Videos zu CSS-Only: Die Design-Technologie by Weblication®

zu CSS-Only: Die Design-Technologie by Weblication® 08. Dez 2015 Mit den folgenden drei Videos zu CSS-Only - der Design-Technologie by Weblication® - zeigen wir Ihnen: das Prinzip die Möglichkeiten wie Sie selbst gestalten mit CSS-Only

Beliebige Designs mit Weblication CMS extrem schnell umsetzen

2011 Mit Weblication CMS setzen Sie beliebige Designs extrem schnell um. Der Film zeigt Ihnen Schritt für Schritt eine Designumsetzung . Play Mute Full-Screen Die nebenstehenden Download-Dateien dokumentieren exakt alle im Film gezeigten Detailanpassungen

Neue designorientierte mobile Menünavigation - erweitert für große Bildschirme

für große Bildschirme 30. Apr 2021 In der neuesten Version der BASE (Mobile First) für Version 15 sind neue designorientierte mobile Menünavigationen verfügbar, die um Gestaltungsmöglichkeiten für große Bildschirme erweitert wurden:

Design und Ergonomie im Editor in Weblication Version 8 nochmals verbessert

verbessert 24. Mai 2013 Design und Ergonomie haben wir in Weblication® Version 8 nochmals grundlegend verbessert. So wurde die Höhe der

Version 15: Neuer Benutzertyp - Designer

installieren sowie im Editor die CSS-Only-Darstellungsvarianten für Administratoren wählen. Lizenztechnisch wird ein - Designer 07. Mai 2020 In Weblication® Version 15 ist ein neuer Benutzertyp " Designer " verfügbar. Dabei handelt es sich um

Gestaltete Tabellen erstellen und bearbeiten in Weblication®

völlig andersartigen Tabellen-Editor . Redakteure müssen sich nicht mehr um die Darstellung der Tabellen kümmern und Designer können beruhigt Redakteure mit dem Tabellen-Editor arbeiten lassen ohne Angst vor einem "Design-GAU": Administratoren

So stellen Sie Projektteile in anderen Projekten bereit

stellen Sie Projektteile in anderen Projekten bereit 22. Sep 2017 In Weblication® können Sie eigene Entwicklungen und Designs aus beliebigen Mobile First Projekten in anderen Projekten wiederverwenden wie beispielsweise: vordefinierte

Umstellung bestehender Weblication® Präsenzen auf Responsive Webdesign

umgesetzt. Es gibt zwei Ansätze , bestehende Weblication® Präsenzen ab Weblication® Version 5 auf ein Responsive Design umzusetzen: Erster Ansatz - nicht empfohlen: Sie integrieren entsprechende Funktionen für die Responsive-Umsetzung in