Volltextsuche
Icons für Strukturelemente im Projekt hinterlegen
24. August 2009 editor struktureditor icons bilder strukturelemente Im Editor können Sie für Strukturelemente eigene Icons hinterlegen. Einem Strukturelement können Sie ein beliebiges Bild in der Göße 18 x 18 px hinterlegen. Dieses wird
Kategorienfilter Schaltflächen um Icon ergänzen
2023 Projektgrundlage: BASE Die Schaltflächen das Kategoriefilters können Sie sehr einfach visuell über Symbole oder Icons hervorheben. Sie wollen die Text-Schaltflächen des Kategoriefilters zusätzlich um ein Symbol bzw. eine Grafik /Bild
Font Awesome für Navigationssymbole nutzen
Veröffentlichungsdatum: 21. Februar 2017 Änderungsdatum: 17. Oktober 2022 weblication cms base navigation symbole icons fonts awesome css Navigationspunkte können Sie über Symbole (z.B. Fonticons) ohne grossen Aufwand ansprechend
Das Projektmenü im Backend wurde umstrukturiert. Neue Icons werden noch folgen.
wurde umstrukturiert. Neue Icons werden noch folgen. 11. Nov,
Interaktive Erklärbilder (ImageMap): Scrollevent nach Klick auf Labels bzw. Icons aktivieren
nach Klick auf Labels bzw. Icons aktivieren Veröffentlichungsdatum: 22. Februar 2023 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE So können
Font Awesome im Link-Element nutzen
sich über eine CSS-Only-Variante auch zum Link-Element nutzen. Im aktuellen BASE Projekt nutzen Sie Font Awesome Icons über eine schon im Standard verfügbare CSS-Only-Variante. Beispiel: Auszug aus der elementLink.scss zu Font Awesome
Link-Ziel und Link-Symbol automatisiert setzen
BASE Über die CSS-Only Definitionen lässt sich festlegen, dass beim Eintragen eines Links abhängig von der URL das Icon für externe Links und auch das Ziel automatisch ausgewählt wird. Link-Element: CSS-Only-Eigenschaften Allgemein Das
Link-Icons (SVG) individualisieren
hervorzuheben und passend zum Link-Ziel zu gestalten, liegt der Einsatz von Grafiken nahe. Die BASE nutzt hierfür SVG-Icons, welche über SCSS eingebettet zudem mit Farbe befüllt werden können: Beispiel: Auszug aus der html.scss des globalen
Farbe von SVG Bilder beim Überfahren mit der Maus ändern
gibt es dafür die Variante "SVG-Grafik eingebettet, per CSS formatierbar". CSS-Only der SVG-Bildvariante, um SVG Icons mit fixer Größe per CSS formatierbar einzubetten -w-embedSVG: yes; /* SVG-Bild einbetten [yes (Ja) |no (Nein) ] */
Navigation mit SVG-Icon pro Navigationspunkt
Navigationspunkt Nutzbar ab: Version 17.x 25. April 2023 navigation grafik bild svg icon Navigationen über Bilder bzw. Icons in der Darstellung optimieren Navigation mit SVG-Icon Die BASE erlaubt in aktueller Version, eigene SVG-Icons pro
SVG-Icons für Links
14. Dezember 2021 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Neben den vordefinierten Link-Icons können Sie auch eigene SVG-Icons zum Dekorieren von Links auswählen. Dazu muss die CSS-Only Einstellung
wBrowseEdit::createButtonCreateDocument
neuen Dokumentes (einer neuen Seite) Funktionsaufruf String createButtonCreateDocument(String destDir = '', String icon = '', String caption = '', String title = '', Array options = array()) Parameter destDir Pfad des Verzeichnisses, in dem das
wBrowseEdit
Webseite Funktionen createButton Erstellt eine allgemeine Schaltfläche String createButton(String onclick = '', String icon = '', String caption = '', String title = '') createButtonApproveDocument Gibt ein Dokument aus dem Workflow frei String
Framework
in der Webseite createButton (1) Erstellt eine allgemeine Schaltfläche String createButton(String onclick = '', String icon = '', String caption = '', String title = '') createButtonApproveDocument (1) Gibt ein Dokument aus dem Workflow frei String
RSS: Weblication® Mobile First Changelogs Version 18
Seite liefert (z.B. für Ähnliche Beiträge). 05.06.2024 14:37 BASE für Version 18: Fliesstext 1.0.109: Links-Icons werden an die Schriftgrößen angepasst. 04.06.2024 09:37 BASE für Version 18: Liste 1.0.235: Die Filter "Nach
-w-editmaskExtended-entryicon
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob das Dateiauswahlfeld für den Pfad des Hintergrund-Icon im Akkordeon-Weblic® angeboten wird container.accordion.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert
RSS: Weblication® Mobile First Changelogs Version 16
22.04.2022 14:55 BASE (Mobile First) für Version 16: Link 1.0.37: Zum Link können nun Font Awesome Icons verwendet werden, siehe neue Variante 115. 20.04.2022 10:16 BASE (Mobile First) für Version 16: Standorte mit Karte
Positionierung der Strukturelement-Icons beeinflussen
der Strukturelement-Icons beeinflussen Nutzbar ab: Version 22. Mai 2012 strukturelement icon position Passen Sie die Position der Anfasser für
OpenStreetMap: Initialisieren der Map per Javascript beeinflussen
Über die Javascript-Variable wImageMapOptions können Sie die Darstellung der OpenStreetMap anpassen. wObserverOptions = { icon - src : '' , /*Pfad zu dem Icon*/ icon - anchor : [ 0.5 , 1 ] /*Platzierung des Icons*/ icon - scale : 2 /*Skalierung des
Bild für Facebookeintrag über Like-Button
Like-Button Veröffentlichungsdatum: 25. Januar 2012 Änderungsdatum: 10. Januar 2023 facebook like button bild picture icon Bestimmen Sie, welches Bild bei Posting über den Button "Facebook Gefällt mir / Like Plug-In" auf der Facebookseite
SVG-Grafik im Bild-Element nutzen
2020 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Über das Bild-Element können Sie für SVG-Grafiken bzw. Icons spezielle CSS-Only-Varianten verwenden. Hierfür stehen bereits im Standard die Varianten 40 ("SVG-Grafik") und 41
So stellen Sie das Symbol für Strukturelemente um
Sie das Symbol für Strukturelemente um Nutzbar ab: Version 12. Juli 2010 wConf editor themes struktureditor symbol icon Dieser Artikel beschreibt, wie Sie das Symbol des Struktureditors beeinflussen können. Durch folgende manuelle
Originalbilder ohne Größenanpassung in einer Bildergalerie anzeigen
werden Bilder ohne Größenanpassung direkt in einer Galerie angezeigt. Das kann z.B. bei der Auflistung von Logos, Icons oder Symbolen sinnvoll sein. Falls die Bilder in HD vorliegen, also doppelt so groß sind, kann
Pflegemasken für Metadaten aus der Dokumentenerweiterung
" //wd:extension/wd:status/wd:online/@status = 'timer' "> class= " statusIcon " src= " /weblication/grid5/gui/images/icon_small/status_zeitsteuerung.gif "/> test= " //wd:extension/wd:status/wd:online/@status = 'off' "> class= " statusIcon "
todo
string(26) "-w-maptypestyler-poiLebels" [18]=> string(23) "-w-option-allowSections" [19]=> string(21) "-w-option-icon-anchor" [20]=> string(20) "-w-option-icon-scale" [21]=> string(25) "-w-option-icon-scaledSize" [22]=>
Über /extension/wd:meta/wd:icon/@src kann einer Datei ein Icon zugewiesen werden, das im Explorer angezeigt wird.
kann einer Datei ein Icon zugewiesen werden, das im
XML Strukturelemente
Namensraum (ns), also en:name für die englische Bezeichnung, fr:name für die französische Bezeichnung, etc. icon Ein individuell wählbares Icon, welches in der Elementeauswahl für das Element angezeigt wird type Definiert den Typ
Barrierefrei-Menü
Animationen verhindern Leichte Sprache Vorlesefunktion Weiterführende Links Barrierefrei-Menü nutzen Kopfbereich mit Icon für Aufruf des Barrierefrei-Menü Aktuelle Projekten liefern hierzu die erforderlichen Dateien bereits mit. Bei
XML Strukturelemente
Namensraum (ns), also en:name für die englische Bezeichnung, fr:name für die französische Bezeichnung, etc. icon Ein individuell wählbares Icon, welches in der Elementeauswahl für das Element angezeigt wird type Definiert den Typ
HD-Funktion in BASE-Projekten nachrüsten
Die Pfade passen Sie an Ihre Projektpfade an und spielen ggf. aus einer aktuellen BASE nicht vorhandene Bilder und Icons ein. /*@wCssFragment { class: mediaqueryPixelRatio; variant: min2; caption: Sobald das Endgerät ein Device-Pixel-Ratio
Menü-Navigationen: Mehrere Varianten für Öffner auswählbar
ab CMS-Version 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
Kontextmenüs und Schaltflächen im Dateiexplorer anpassen
wird ein Button ergänzt, der die Pfade als Array übergibt.*/ //wFilemanager.wAppendContextMenuFunction('requestDelete', {'icon' : '/prepareToDelete.gif', 'caption' : 'Zum Löschen vormerken', 'action' :
So setzen Sie einen Attributwert dynamisch
links ausgerichtetem Bild das Bildbearbeitungssymbol anders ausrichtet. Dies verhindert die Überlagerung des Element-Icons über das Bild-Icon. Dieses Beispiel dient natürlich auch als Anregung für andere Einsatzmöglichkeiten. Beispiel:
Elemente des Mastertemplates bedingt zur Auswahl anbieten
(z.B. -de) ... if(preg_match("/-de/", wEnv::getGlobalValue('wEditorPath'))){ name= " Überschrift " en:name= " Headline " icon= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_headline.gif " type= " headline.text "> id= " title
Weblication® Agentur-Board und Agentur-Monitor
"). Verknüpfte Installationen Alle verknüpften Installationen werden untereinander aufgelistet und mit einem fixen Icon, der URL und aktuell verwendeter Versionsnummer angezeigt. Ist die Installation auf aktuellem Stand, wird die
RSS: Weblication® Mobile First Changelogs Version 17
Observerfunktion für Einblendeffekte optimiert 16.03.2023 16:16 BASE für Version 17: Social Button 1.0.54: Social Icon für Flickr hinzugefügt 15.03.2023 12:15 BASE für Version 17: Banner, Slider 1.0.1380: InfoLayer um Anzeige über
Änderungen in Weblication® CMS Core/GRID
lässt ich in einem Verzeichnis die Hintergrundfarbe bei Vorschaubildern einstellen, um so z.B. weiße Icons sehen zu können. 012.006.072.000 08.03.2018 Beim SEO-Reiter wird die maximale Länge der Beschreibung nun entsprechend
So nutzen Sie in der Dateiauswahl eigene Auswahlmasken
" Frequently required " fr:caption= " Souvent nécessaire "> path= " /deAssets/img " permission= " view "> icon= " /deGlobal/wGlobal/layout/images/dir-icons/dir-image.gif " caption= " Bilder " en:caption= " Pictures " fr:caption= "
Dateiliste nach durchschnittlicher Seitenbewertung (Ranking) sortieren
>= $i){ print ' alt= " " width= " 13 " height= " 12 " src= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/icons/rating_star_full.gif " /> '; } else if($averageRating >= $i - 0.5){ print ' alt= " " width= " 13 " height= " 12 "
wBrowseEdit::createButton
::createButton Erstellt eine allgemeine Schaltfläche Funktionsaufruf String createButton(String onclick = '', String icon = '', String caption = '', String title = '') Parameter onclick JavaScript, das beim Klick ausgeführt wird icon Symbol der
So setzen Sie ein Pflegeformular für öffentliche Benutzer um
" 1 " style= " float:right " path= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/templates/objects/produkte-demo.wObject.php " icon= " organize_layout " title= " Objekt-Darstellung anpassen "/> class= " wEditorExtensionLabel "> Id class= "
Cookies - Informationen zum Datenschutz
"/> id= " buttonEditCookieNotice " path= " {concat($wProjectPath, '/wGlobal/content/privacy/cookie-notice.php')} " icon= " edit " title= " Cookie-Hinweis bearbeiten "/> Beispiel: Auszug includes.global.php - neue Cookie-Umsetzung test= "
Weblics® 2.x in BASE 1.x nutzen
"> style= " position:absolute;right:0;z-index:10 " path= " {$wProjectPath}/wGlobal/content/contentPortal/default.php " icon= " portal_content " markId= "
Mehrere Strukturelemente gleichzeitig einfügen
1284540010 "/> name= " admin " time= " 1252018717 "/> src= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_list.gif "/> value= " 600-200 "/> name= " content1 "/> name= " content2 "/> name= " content3 "/>
Bearbeitung von Auflistungen über den Internet Explorer
/* ... */ .elementText ul { margin: 0 0 10px 0; list-style-image: url ($wGlobalProjectPath/wGlobal/layout/images/icons/list-style-image.gif) } .elementText ol { margin: 0 0 10px 0} /* ... */ Funktioniert nicht mit IE: Definition für
Pflegemasken für Metadaten aus der Dokumentenerweiterung
"/> id= " wEditorExtensionBlockMetaCloser " class= " wEditorExtensionBlockMetaCloser " style= " display:none; "> icon= " templates_editmasks " path= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/templates/editmasks/standard.metadata.php "
wBrowseEdit::createButtonFilemanager
= '', String title = '', Array options = array()) Parameter path Pfad mit dem die Dateiverwaltung gestartet werden soll icon Icon der Schaltfläche caption Beschriftung der Schaltfläche title Titel der Schaltfläche attributes Weitere
Pflege von Strukturelementen
nein pathEdit definiert den Pfad, um das XSL-Stylesheet des Strukturelements direkt zur Bearbeitung aufzurufen (Icon in der Elementauswahl, um das XSLT des Elementes zu bearbeiten) notwendig: nein pathEditMastertemplate definiert den
So verwenden Sie eigene Buttons im Dateiexplorer
des globalen Projektes // ... $additionalButtons = array(); $additionalButtons [] = array( 'id' => 'myButton' , 'icon' => 'myButton' , 'caption' => 'Meine Schaltfläche' , 'onclick' => 'wOpenWin(\'/myButton.php?project=' .
So richten Sie die Schnittstelle zu Twitter ein
Button für Twitter konfigurieren Über die Konfiguration des Social Buttons wählen Sie " Twitter " in der Auswahlbox " Icon / Type "aus. Um die Seite zu teilen, in der der Social Button eingebunden ist, tragen Sie im Feld " Links zum Folgen /