Volltextsuche
Die Pflegeschaltfäche der Gruppe ist nun auf die gesamte Breite gespannt.
Gruppe ist nun auf die gesamte Breite
-w-editmaskExtended-width
im Google angeboten wird map.google.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl für die Breite im Google Map Element /*@wCssFragment { class: elementGoogleMaps; variant: 0; caption: Standard; caption-en: Default}
-w-editmaskExtended-innerwidth
container.section.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl für die Breite der Inhalte im Inhaltsbereiche Element, Variante 0 .elementSection_var0 { /* ... */ ; -w-editmaskExtended-innerwidth:
CSS-Rendering - Inhalte wie Bilder automatisch in passender Breite generieren
Veröffentlichungsdatum: 23. Juni 2017 Änderungsdatum: 29. November 2018 bild grafik picture element grösse größe breite anpassen anpassung berechnung berechnen rendering css Weblication® CMS passt Inhalte, wie z.B. Bilder, über das
wCSS::getWidthBlock
falls die Seite vom Objekttyp start ist .object-start #blockMainOuter {max-width:1280px;...}. Beispiel: Gibt die Breite des blockContent Blockes aus Quelltext <?php print 'Breite des Blockes blockContent in Pixel: ' . wCSS ::
GPS-Koordinaten (Längengrad und Breitengrad) ermitteln
17. September 2018 Änderungsdatum: 19. September 2018 weblication cms geodaten gps koordinaten längengrad longitude breitengrad latitude ermitteln Über die geographischen Daten (Längengrad und Breitengrad) wird die Lage des Punktes auf der
wCSS::setWidthBlock
String setWidthBlock(String block, String width) Parameter block ID des Blocks (z.B. blockContent) width Breite (z.B. 540) Beispiel: Setzt die Breite des blockContent Blockes für CSS-Only Quelltext <?php $cssPath =
Spezielle Breite für CSS-Picture-Rendering setzen
mitgegeben werden. Im Beispielfall wird über das Weblic® CSS Definition innerhalb der Unternehmen-Seite eine andere Breite für den Inhaltsbereich ( #blockContent ) gesetzt (z.B. width:420px anstatt der sonst errechneten 490px ). Ein Bild
wCSS::getWidthInner
withTop = '', Array parents = array()) Parameter file Pfad der CSS-Datei selector Selektor des Elementes widthTop Breite des obersten Elementes parents Elternelemente bis zum obersten Element, die auch eine Breite definiert haben können
wCSS::getWidthElement
withTop = '', Array parents = array()) Parameter file Pfad der CSS-Datei selector Selektor des Elementes widthTop Breite des obersten Elementes parents Elternelemente bis zum obersten Element, die auch eine Breite definiert haben können
Weblication® Entwicklerbereich
#{&}[data-pos='1'] ...) 17 Juni BASE für Version 20: BASE 1.0.2574: Beim Kopfbereich lässt sich nun die Breite über Untervarianten auswählen. 17 Juni BASE für Version 19: BASE 1.0.2574: Beim Kopfbereich lässt sich nun die
wCSS::getDiffWidthElement
file Pfad der CSS-Datei selector Selektor des Elementes Beispiel: Ermittelt die Differenz der inneren und der äußeren Breite des Elements Quelltext <?php include( $_SERVER [ 'DOCUMENT_ROOT' ]. '/weblication/grid.php' ); $cssPath =
wImage::getWidth
Parameter useCache Falls die Ermittlung den Cache nutzen soll [true|false], true ist Standard Beispiel: Ermittelt die Breite des angegebenen Bildes Quelltext <?php $pathImage = "/devAssets/img/bild-rot.png" ; $imgWidth = wImage :: getWidth (
wCSS::getWidthCol
String widthCurrent = null) Parameter file Pfad der CSS-Datei selector Selektor key Schlüssel des Wertes widthCurrent Breite des aktuellen Elementes Beispiel: Gibt die Breite einer Spalte aus Quelltext <?php $cssPath =
wPageProcessor::storeCurrentWidthPath
der übergebenen ID Funktionsaufruf String storeCurrentWidthPath($id) Parameter id ID, über die auf den gespeicherten Breitenpfad zurückgegriffen werden kann Beispiel: Speichert den aktuellen, eindeutigen Breitenpfad (UID) im Wert mit der
wPageProcessor::restoreCurrentWidthPath
der übergebenen ID wieder her Funktionsaufruf String restoreCurrentWidthPath($id) Parameter id ID, des gespeicherten Breitenpfades Beispiel: Stellt den aktuellen, eindeutigen Breitenpfad (UID) der übergebenen ID wieder her Quelltext <?php print
wPageProcessor::addCurrentWidthPath
Pfad der aktuellen Breite Funktionsaufruf String addCurrentWidthPath($path) Parameter path Pfad, um den der aktuelle Breitenpfad ergänzt wird Beispiel: Erweiterung um Objekt-Typ für eindeutigen Pfad der Seite Quelltext <?php print
wPicture::createPicture
(mode: embed bzw. embedX oder crop) minWidthX Array mit den Bilddaten für ein alternatives Bild, welches ab der Breite X dargestellt werden soll. Die Daten entsprechen denen von default. options Optionen widthID Breiten-ID, welche sich
thumbnail
Alternatives Bild, falls das angegebene Bild nicht existiert Integer height Höhe des Thumbnails in Pixel Integer width Breite des Thumbnails in Pixel String alt Alternativtext String mode Darstellungsmodus
Responsive Webdesign
23. Januar 2014 Änderungsdatum: 21. Juli 2014 weblication responsive webdesign responsive-webdesign breite anpassen Weblication CMS BASE Projekte sind standardmäßig für Responsive Webdesign optimiert. Weblication® setzt
wPageProcessor::setCurrentWidthPath
aktuellen, eindeutigen Breitenpfad (UID) Funktionsaufruf String setCurrentWidthPath($path) Parameter path Zu setzender Breitenpfad Beispiel: Setzt den aktuellen, eindeutigen Breitenpfad (UID) Quelltext <?php print wPageProcessor ::
Uploadereignis abhängig von der Bildgröße nutzen
abhängig von der Bildgröße nutzen 09. Januar 2017 upload hochladen bild jpg gif thumbnail vorschaubild grösse breite Über Verzeichnisereignisse können beim Hochladen von Dateien z.B. Aktionen zum Verkleinern von Bilddateien für
Systemvoraussetzungen Weblication®
den eingesetzten Techniken der jeweiligen Seite ab. Die mitgelieferte Standardpräsenz ist so gestaltet, dass sie einer breiten Kundenschicht zugänglich ist. CMS 19.x Servervoraussetzungen Zur Installation sind folgende serverseitige
Umsetzung einer Internetpräsenz für mobile Endgeräte in älteren Projekten
ob eine Seite über ein mobiles Endgerät aufgerufen wird und kann so automatisch auf die mobile Version weiterleiten. 'Breite der mobilen Anzeige automatisch ermitteln': Wählen Sie über diese Auswahlbox aus, ob die Breite für die mobile
wCSS::getValue
, 'body' , 'background' ); ?> Ergebnis Hintergrundfarbe Druckvorschau Body: transparent Beispiel: Gibt die Breite des Inhaltsbereiches ohne Einheit (z.B. px) aus Quelltext <?php print 'Breite des Inhaltsbereiches: ' . wCSS ::
Inhaltsbereich in Mobilansicht ausblenden
Weblic® können Sie den kompletten Inhaltsbereich ausblenden, wenn die Bildschirmauflösung der definierten Breite entspricht. Auszug aus elementSection.scss zur Untervariante 510 "Ausblenden in Mobilansicht" /*@wCssFragment { class:
-w-editmaskExtended-thumbnailswidth
Zeigt das Eingabefeld zur Definition der Vorschaubildbreite an
buttonFilemanager
String captionInfo Ergänzende Beschriftung der Schaltfläche String title Titel der Schaltfläche Integer width Breite in der das Popup geöffnet werden soll Integer height Höhe in der das Popup geöffnet werden soll Integer
Framework
cssStr, String variant) getDiffWidthElement (1) Ermittelt die Differenz der inneren und der äußeren Breite eines Elementes String getDiffWidthElement(String file, String selector) getEditmaskExtended (1) Ermittelt den Wert
Mobile First BASE: Responsive Bilder
Für den Redakteur Für den Redakteur ändert sich kaum etwas. Die meisten Bilder wird er weiterhin mit automatischer Breitenberechnung einbinden. Die aufgelistete Möglichkeit, alternative Bildausschnitte zu definieren, geben ihm bei Bedarf weitere
Links / Querverweise über Lightbox
. Schritt 1: Zentrale Javascript- und CSS-Dateien einbinden Schritt 2: Zentrale Javascript-Datei design.js Individuelle Breiten- und Höhenangaben der Lightbox Schritt 3: Attribute für die Linkbearbeitung definieren Schritt 4: Ausgabetemplate
wCSS
cssStr, String variant) getDiffWidthElement Ermittelt die Differenz der inneren und der äußeren Breite eines Elementes String getDiffWidthElement(String file, String selector) getEditmaskExtended Ermittelt den Wert für
Responsive Toggler-Navigation anpassen
) werden zur Toggler-Navigation nicht berücksichtigt! BASE Standardnavigation Ab der definierten maximalen Breite wird die Navigation über eine Toggler-Schaltfläche angezeigt, die ein Aufklappen und Zuklappen dieser Responsive
Debug-Funktionen zu Listen, Navigationen, Vorschaubildern und CSS nutzen
120, , default) Beschreibung der Parameter zu generateThumbnail : Pfad Pfad des Originalbildes Breite Breite des generierten Vorschaubildes in Pixel Modus Modus der Thumbnail-Funktion (zu wsl:thumbnail oder
wPageProcessor
Aktuelle Seiten-Transformation Funktionen addCurrentWidthPath Erweitert den eindeutigen Pfad der aktuellen Breite String addCurrentWidthPath($path) getCurrentWidthPath Ermittelt den eindeutigen Pfad der aktuellen Breite String
Bildbreite und Hintergrundbildbreite bei Inhaltsbereichen
um großes Hintergrundbild anzuzeigen Mindestbreite, um ein Hintergrundbild überhaupt anzuzeigen Hier können Sie zur Breite von (Hintergrund) Bildern entweder über CSS-Variablen oder direkte Eingabe eines Wertes (z.B. 768px oder 0px) den
Änderungen in Weblication® CMS Core/GRID
existieren. 008.001.009.000 14.11.2013 Neue Grund-Layouts auswählbar, um den vorangestellten Bereich z.B. auf 100% Breite anzuzeigen. 008.001.008.000 13.11.2013 Über /wConf/sessions/url/@allowSessionByParam = '0' kann man verhindern, dass
wThumbnail::createThumbnail
String mode, Array options) Parameter path Pfad des Orginalbildes, aus dem das Vorschaubild generiert werden soll width Breite des zu erstellenden Vorschaubildes height Höhe des zu erstellenden Vorschaubildes mode Darstellungsmodus
CSS-Only Referenz
die Auswahl für die Höhe der Inhalte angeboten wird -w-editmaskExtended-innerwidth Definiert, ob die Auswahl für die Breite der Inhalte angeboten wird -w-editmaskExtended-isnavanchor Definiert, ob das Aktivieren der automatischen Verlinkung in
wEnv::initMobileVersion
die Mobile Ansicht handelt pregMobileUserAgent => String Definition der mobilen UserAgents widthBlockContentDefault Breite des Inhaltsbereichs Initialisiert alle notwendigen Werte, falls die Seite mobil angezeigt werden soll. wEnv ::
wList::setListData
== ''){ $containerWidth = "250"; $containerWidth = wList::setListData('containerWidth', $containerWidth); } print "Breite des Containers: ".$containerWidth; ... Weiterführende Links PHP-Framework Funktion - wList::getListData Hinweis Beim
Innovatives Web-Design: Inhaltsseiten flexibel gestalten mit CSS-Only in Weblication®
die anschließend entsprechend er Spaltenanzahl dargestellt werden. Inhaltsbox: CSS-Only Untervarianten mit fester Breite Es sind CSS-Only Untervarianten mit fester Breite sind verfügbar: Feste Breite 240 Pixel Feste Breite 320 Pixel Feste
Responsive Container: Inhalte abhängig von der Bildschirmbreite ein-/ausblenden
auf Inhaltsebene umsetzen. Responsive Container Prinzip testen Testen Sie das Prinzip, indem Sie auf dieser Seite die Breite Ihres Browserfenster mit der Maus ändern . Ändern Sie zum Test die Breite Ihres Browserfensters Immer anzeigen Dieser
Neu in Weblication® Version 12 - veröffentlicht am 01.07.2017
und Designer Automatische Bildbreitenberechnung über Client-Feedback - Responsive Bilder - So funktioniert die Breitenberechnung Aufgaben- und Notizsystem Aufruf im Editor Aufruf im Bedien-Panel Aufruf über STRG+M Aufgaben und Notizen auch im
Was sich von Weblication® Version 5, 6, 7, 8, 9,10, 11 bis hin zu Version 12 alles getan hat
und Designer Automatische Bildbreitenberechnung über Client-Feedback - Responsive Bilder - So funktioniert die Breitenberechnung Aufgaben- und Notizsystem Aufruf im Editor Aufruf im Bedien-Panel Aufruf über STRG+M Aufgaben und Notizen auch im
Bearbeitung von Tabellen | Weblication CMS Onlinedokumentation
definiert bzw. kann dies über CSS-Only-Untervarianten des BASE (Mobile First) Tabellen-Weblics® überlagert werden . 'Breite der Tabellenspalte': In diesem Feld können Sie optional die Breite der entsprechenden Tabellenspalte angeben.
Interessante Funktionen des Bild-Elementes in Weblication®
Responsive Bilder Automatische Bildbreitenberechnung über Client-Feedback - Responsive Bilder - So funktioniert die Breitenberechnung Bilder automatisch für Smartphones in HD-Qualität generieren Responsive Design: Bildgrößenberechnung für alle
Bilder und Banner für alle Bildschirmgrößen optimal anzeigen
von Bildern. Wie sich Bilder und auch Hintergrundbilder verhalten, ist jederzeit im CSS steuerbar . Damit die Breitenberechnung korrekt funktioniert, muss sich der Designer nicht mehr an spezielle Definitionen innerhalb des CSS bezüglich des
Gestalten mit Design-Containern in Weblication®
in einem eigenen Bereich besonders hervorzuheben. Er lässt sich mit beliebigen Inhaltselementen befüllen, deren Breiten über das CSS-Rendering automatisch angepasst werden. Falls es mehrere Layoutvarianten gibt, kann der Redakteur diese
Design Container: Webseiten gestalten per Mausklick ohne Programmierung
Inhalte in einer Box besonders hervorzuheben. Er lässt sich mit beliebigen Inhaltselementen befüllen, deren Breiten über das CSS-Rendering automatisch angepasst werden. Falls es mehrere Layoutvarianten gibt, kann der Redakteur diese