Volltextsuche
Spaltenbreiten im mehrspaltigen Inhaltscontainer über CSS-Only umsetzen
*/ .elementContainerStandardColumns_var255025 { -w-number-columns: 3} .elementContainerStandardColumns_var255025 .col1 { float: left; width: 25%} .elementContainerStandardColumns_var255025 .col2 { float: left; width: 50%}
-w-editmaskExtended-float
Auswahl für die Ausrichtung im Social-Button, Variante 0 .elementSocialButton_var0 { /* ... */ ; -w-editmaskExtended-float: yes; /* ... */ } Social-Button Element Variante 0 mit Auswahl für Ausrichtung Zu beachten: Diese CSS-Only Referenz
Einstellungsmöglichkeiten für wCSS-Funktion getWidthCol
getWidthCol Nutzbar ab: Version Veröffentlichungsdatum: 07. März 2011 Änderungsdatum: 12. Mai 2014 wconf css float fliesskommazahl Dieser Artikel beschreibt, wie Sie die getWidthCol-Funktion für Fliesskommazahlen einstellen. Durch
-w-editmaskExtended-position
Definiert, ob die Auswahl für die Position / Ausrichtung angeboten wird
-w-number-columns
*/ .elementContainerStandardColumns_var255025 { -w-number-columns: 3} .elementContainerStandardColumns_var255025 .col1 { float: left; width: 25%} .elementContainerStandardColumns_var255025 .col2 { float: left; width: 50%}
CSS-Rendering - Inhalte wie Bilder automatisch in passender Breite generieren
$widthBlockMainOuter; background-color: $backgroundColorContent; box-shadow: none} /* ... */ #blockContentFull { float: left; width: $widthBlockContentFull} /* ... */ #blockContentFullLeft { float: left; width: $widthBlockContentFullLeft}
Anpassen einer Variante des mehrspaltigen Inhaltscontainers über CSS-Only
{ -w-number-columns: 2; margin-bottom: 1px;} .elementContainerStandardColumns_var6633less > .col1 { float: left; width: 66.66%;} .elementContainerStandardColumns_var6633less > .col2 { float: left; width: 33.33%;}
Pflegemasken für Metadaten aus der Dokumentenerweiterung
" wEditorExtensionAreaExtended " style= " display:none; "> id= " wEditorExtensionAreaExtendedCol " style= " width:49%;float:left "> test= " not(/wd:document/wd:extension/wd:object/wd:data[@id = 'editMetadataInMask'] = '1') and
Framework
zur Ermittlung des Ressourcenverbrauchs getMemoryPeakUsage (1) Ermittelt den maximal genutzten Speicher in MB Float getMemoryPeakUsage() getTimeScript (1) Ermittelt die Zeit des Skriptes Float getTimeScript() wBrowseEdit Erstellt
Sprachabhängige Inhalte über CSS definieren
Listeneintrag Content nach der Beschreibung ergänzen */ . listEntryDescription: after { content: 'mehr lesen ...'; float: right; text-decoration: none; margin-top: 10px; padding: 4px 12px; background-color: #f0f0f0} @at-root html: lang (en)
Pflegemasken für Metadaten aus der Dokumentenerweiterung
'editor_hide_metadata') "/> id= " wEditorExtensionAreaExtended " style= " display:none; "> style= " width:49%;float:left "> test= " not(/wd:document/wd:extension/wd:object/@type = 'default') and
So setzen Sie eine kategorisierte und nach Priorität sortierte Liste um
editor="categories" pathCategories="/wGlobalProject/wGlobal/content/categories/fachgebiete.wCategories.php" inputStyle="float:left;width:60%"--> select= " text() "/> <!-- web:text:stop --> <!-- web:text:start editor="select"
So setzen Sie ein Pflegeformular für öffentliche Benutzer um
" permission= " edit "> class= " elementClearer " style= " height:10px "> showInEditor= " 1 " style= " float:right " path= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/templates/objects/produkte-demo.wObject.php " icon= "
wBenchmark
zur Ermittlung des Ressourcenverbrauchs Funktionen getMemoryPeakUsage Ermittelt den maximal genutzten Speicher in MB Float getMemoryPeakUsage()
Weblics® 2.x in BASE 1.x nutzen
*/ /* .... */ img {} img.picture { margin: 0; height: auto; max-width: 100%; vertical-align: bottom} img.pictureLeft { float: left; margin: 0 24px 4px 0; height: auto; max-width: 100%; vertical-align: bottom} img.pictureRight { float: right;
Umfangreiches Bestellformular
( 'captcha' , 'captcha' , 'Bitte geben Sie diesen Text in das Feld ein' , array( 'attributes' => array( 'style' => 'float:left' , 'value' => rand ( 1000 , 9999 ), 'height' => 16 , 'quality' => 5 ))); $formular -> addElement (
Alternierende Listen umsetzen
Beispiel wird dem Vorschaubild innerhalb jedes li -Tags über nth-child(odd) für alle ungeraden Einträge ein float:right mitgegeben. Andere Einträge (gerade) sind standardmässig links ausgerichtet. Beispiel: Auszug aus der
Kategorienfilter als Auswahlbox für Listen
caption= " {php:functionString('wTexts::showTextUser', 'Edit countries', 'Länder bearbeiten', 'Editer pays')} " style= " float:right;margin:2px 2px 2px 0 "/> ... ... ... class= " elementStandard elementContent elementText "> ... name= "
wRequest::getParameter
ermittelnden Parameters filter Filter, um nur gewünschte Formate zu erlauben int Nur Ganzzahlen sind erlaubt (sonst 0) float Nur Ganzzahlen sowie Fließkommazahlen sind erlaubt (sonst 0) text Alle Zeichen sind erlaubt, XML-Sonderzeichen werden
wEnv::getTimeScript
des Skriptes Funktionsaufruf Float getTimeScript(String round = null) Parameter round Anzahl der nach dem Komma auszugebenden Stellen Beispiel: Zeit die
wDocumentData::getSize
Dokumentes Funktionsaufruf Float getSize(String document, String unit, Int precision = 2) Parameter document Pfad zum Dokument unit Einheit der Größe
wBenchmark::getTimeScript
des Skriptes Funktionsaufruf Float getTimeScript() Parameter Diese Funktion benötigt keine Parameter. Beispiel: Ausgabe der Scriptlaufzeit und des
wBenchmark::getMemoryPeakUsage
Speicher in MB Funktionsaufruf Float getMemoryPeakUsage() Parameter Diese Funktion benötigt keine Parameter. Beispiel: Ausgabe der Scriptlaufzeit und des
wEnv
Sprachen des Browsers String getLanguagesUserAgent() getTimeScript Ermittelt die aktuelle Ausführzeit des Skriptes Float getTimeScript(String round = null) getUrlHost Ermittelt den Host der aktuell aufgerufenen URL String getUrlHost()
wUserContent
String deleteRating(String path, String userKey) getAverageRating Ermittelt die durchschnittliche Bewertung einer Seite Float getAverageRating(String path, String subId) getDataOfComment Ermittelt die Daten eines Kommentars (verfügbar ab
wUserContent::getAverageRating
einer Seite Funktionsaufruf Float getAverageRating(String path, String subId) Parameter path Pfad der Datei subId Optionale ID für zusätzliche
wStringconverter::applyFilter
Parameter value Wert filter Filter, um nur gewünschte Formate zu erlauben int Nur Ganzzahlen sind erlaubt (sonst 0) float Nur Ganzzahlen sowie Fließkommazahlen sind erlaubt (sonst 0) text Alle Zeichen sind erlaubt, XML-Sonderzeichen werden
So rufen Sie die Suchindizierung direkt über die Präsenz auf
... test= " $wUsertype = 'admin' "> onclick= " wOpenSearchIndexing('{wd:fragment[@id='path']}'); " title= " " style= " float:right " class= " wglButton "> src= " /weblication/grid5/gui/images/icon_small/search.gif " alt= " folder " class= "
So markieren Sie die zu pflegenden Bereiche bei Mouseover
title= " Bearbeiten "/> ... Beispiel: Aufruf der Bearbeitenschaltfläche zum Zuweisen von Bereichsinhalten ... style= " float:right " path= " {$wProjectPath}/wGlobal/content/navigations/standard.wNavigation.php " markId= " blockBefore "
So setzen Sie die Kategorien in Sprachprojekten ein
" icon= " edit " caption= " Kategorien bearbeiten " style= " float:right;margin:2px 0 2px 0 "/> ... Eine Kategoriendatei sieht dann bei sprachabhängiger Pflege z.B. wie folgt aus.
So setzen Sie ein Element mit unterschiedlichen Darstellungsarten um
<!--web:text:start editor="select" onchange="wEditor.saveDraftAndReload()" values=" " texts=" " styles="" inputStyle="float:right;width:auto;background-color:#EBEBEB"--> select= " wd:fragment[@id = 'display']/text() "/>
So ermöglichen Sie die Bearbeitung von zusätzlichen Dokumentendaten
$wIsInEditor and @wEditorId "> ... <!-- web:text:start editor="select" values="yes|no" texts="Ja|Nein" inputStyle="float:right;width:auto"--> select= " wd:fragment[@id='display']/text() "/> <!--web:text:stop--> type= "
Tipps zum Versenden von HTML-Newslettern
wurde. Dies reduziert allerdings den CSS-Support und bietet keine bzw. nur noch eine eingeschränkte Nutzung von z.B. floating, margin und padding. Der Einsatz von Div-Containern sollte daher nach Möglichkeit minimiert werden, bzw. nur für
Umsetzung einer Internetpräsenz für mobile Endgeräte in älteren Projekten
($wUsertype = 'admin' or $wUsertype = 'standard') "> id= " beButtonEditLogo "> beLevel= " globalContent " style= " float:right " path= " {$wGlobalProjectPath}/wGlobal/content/misc/logo.php " markId= " logo " markType= " " icon= "
Eigene Strukturelemente umsetzen
'wUseEditor') != '0' "> style= " white-space:nowrap "> style= " position:relative;float:right; "> id= " wConfigMaskOpener_{@uid} " src= " /weblication/grid5/gui/images/editor/config.gif " title= "
So binden Sie Binärdateien für Sprachportale ein
" showInEditor= " 1 " caption= " " style= " float:right " title= " {php:functionString('wTexts::showTextUser', 'Edit mask', 'Pflegemaske anpassen', 'Editer masque
Startseite, Baustellenseite, Hinweisseite
> .col5, .object-home > .elementContainerStandardColumns > .col6 { width: 100%; margin-bottom: 20px; float: left} } Die Seite (z.B. home.php ) befüllen Sie über die gewohnten Weblication® CMS Bearbeitungsmöglichkeiten nach
Einsatz von Isotope Darstellungen für Bildergalerien
.listEntryThumbnail { -w-add-classes: wglFancybox; width: 100%; height: auto; margin: 0; display: block; float: none} .listDefault_var3601 .listEntryDate { display: none; -w-display: none} .listDefault_var3601 .listEntryMoreOnly {}
Formatierung der Druckansicht beeinflussen
} #blockHeaderPrint > div { max-width: 1200px; margin: 0 auto; } .wglButton { display: none; } #printButton { float: right; } @media print { #printButton { display: none; } } Weitere Anpassungen nehmen Sie entsprechend vor. So können
Maximale Bestellmenge im Mini-Shop Weblic ergänzen
) //wd:group/wd:item[@name=\\'Variante\\']')" caption="Weitere Variante hinzufügen" icon="add" style="margin-top:4px;float:right"/> Schritt 2: Anpassen der Warenkorb-Datei Es ist wichtig, dass die Warenkorb-Datei stets aktuell ist. Wurde
Responsive Toggler-Navigation anpassen
#navigationMain > ul { display: none;} #navigationMain > ul { display: none;} #navigationMain li.navLevel1 { float: none; width: auto; border-bottom: none; border-top: solid 1px $borderColorNavigationLayer; border-bottom: none;}
Hinweisbox bei Aufruf einer Seite / Layer für Aktionen
{ display: inline-block; text-align: center; width: 50%; } #preContainerCloser { display: inline-block; float: right; margin: 0 0 0 12px; } }
Barrierefrei-Menü
Beispiel für eine CSS-Definition zur Positionierung des DIV-Containers zum Icon (optional) . headerElementWaiMenu { float : right ; } Weitere Informationen zum Barrierefrei-Menü Das Menü unterstützt aktuell folgende Funktionen:
wDocumentData
Dokumentes DOMNodeList getNodes(String document, String wPath) getSize Ermittelt die Dateigröße eines Dokumentes Float getSize(String document, String unit, Int precision = 2) getValueOfDefaultExtension Ermittelt den Wert der
-w-add-objectdata
das Vorschaubild hinzu und verschiebt es an die erste Position /* ... */ .listDefault_var999 .listEntryThumbnailExt { float: left; margin: 2px 8px 0 0; width: 96px; max-width: 100%; height: auto} .listDefault_var999 .listEntry {
todo
[14]=> string(38) "-w-editmaskExtended-usedirectoryofsite" [15]=> string(35) "-w-editmaskExtendedSelectable-float" [16]=> string(17) "-w-headline-level" [17]=> string(26) "-w-maptypestyler-poiLebels" [18]=> string(23)
wWorkflow::startWorkflow
Startet den Workflow einer Datei, falls davon eine Arbeitskopie existiert
wWorkflow::initWorkflow
Initialisiert den Workflow einer Datei, falls davon eine Arbeitskopie existiert
CSS-Only Referenz
ob die Auswahlbox für die Auswahl 'Automatisch wechseln (nach x Sekunden)' angeboten wird -w-editmaskExtended-float Definiert, ob die Auswahl für die Ausrichtung angeboten wird -w-editmaskExtended-height Definiert, ob die Auswahl für