Volltextsuche
So ermitteln Sie die Position eines Navigationspunktes
eines Navigationspunktes Veröffentlichungsdatum: 25. Februar 2010 Änderungsdatum: 25. Mai 2012 navigation xsl position last first count ermitteln Dieser Artikel beschreibt, wie Sie die Position eines Navigationspunktes ermitteln können,
Aktuelles Objekt in der Seite positionieren
BASE Objektdaten, wie z.B. bei aktuellen Meldungen im Einsatz, können bei Bedarf über den Struktureditor positioniert werden. Objekte werden in der Regel dann eingesetzt, wenn eine einheitliche Datenstruktur verwendet werden soll. Um
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 die Strukturelemente an, wenn diese andere Pflegebuttons überlagern. Je nach Projekt kann es zu
-w-editmaskExtended-backgroundpositionclasses
Beschreibung Einsatzgebiet [top|bottom|center|left|right] Definiert die Auswahlbox mit den gewünschten Werten für die Position des Hintergrundbildes container.box.wItem.php container.section.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Gibt
Bildbreiten: Für Bilder abhängig von Position eindeutige Id setzen
in unterschiedlichen Breiten generiert werden. Hier sollten die Bildbreiten für jedes Bild abhängig von dessen Position ermittelt werden. Dazu setzen Sie in der scss-Variante der Liste folgende die option setUniqueWidthIdPosition:1. - w -
thumbnail
Die Größe wird angepasst und das Bild ggf. verzerrt String cut Auszuschneidender Bereich durch | getrennt. (Linke Position|Obere Position|Breite|Höhe) Integer cutLeft Linke Position beim Ausschneiden Integer cutTop Obere Position beim
Vor/zurück Blätterfunktion Liste um Position ergänzen
Das Weblic® für die Listen Blätterfunktion zwischen verschiedenen Listeneinträgen kann in aktueller Version um eine Positionsanzeige ergänzt werden. Vor/zurück Blätternavigation - CSS mit aktivierter Positionsanzeige Um die Möglichkeit zu nutzen,
-w-editmaskExtended-position
angeboten wird container.box.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl für die Position / Ausrichtung im Inhaltsbox-Weblic, Variante 111 /*@wCssFragment { class: elementBox; variant: 111; usertypes: admin;
Informationen seitlich am Bildschirmrand oder Inhalt platzieren
oder Inhalt platzieren Veröffentlichungsdatum: 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
wRequest::getParameterInt
name) Parameter name Name des zu ermittelnden Parameters Beispiel: Ermittelt den Wert des Parameters position Quelltext <?php print 'Der Wert des Parameters "position" lautet: ' . wRequest :: getParameterInt ( 'position' );
Cookies - Informationen zum Datenschutz
" Cookie-Arten einzeln auswählbar machen " key= " confirm_cookie_types " type= " char.yesno "> no description= " Position des Layers " key= " consentsbanner_position " type= " char.select " values= " |bottom " texts= " Mittig|Unten "/>
Manuelle Sortierung in Listen
zusätzlich zur automatischen Sortierung eine individuelle Sortierung einer Weblication® CMS Liste. Alle nicht manuell positionierten Listeneinträge bleiben dann weiterhin nach dem primären Sortierkriterium sortiert. Die manuelle Sortierung heben Sie
Liste ab einem bestimmten Eintrag beginnen
beginnen 24. Juli 2012 liste position eintrag beginnend Eine Liste können Sie ab einer bestimmten Eintragsposition beginnen lassen. Wollen Sie eine
So beeinflussen Sie die Formatierung in der Bearbeitung
css editor Dieser Artikel beschreibt, wie Sie Formatierungen in der Dateibearbeitung beeinflussen können, um z.B. Positionierungen anders vorzunehmen, Hintergrundfarben, etc. anders zu setzen. Innerhalb der Seitenbearbeitung nutzt das Beispielprojekt
Version 14: Interaktive Imagemaps und Erklärbilder
Mit dem neuen 14er Weblic können Sie Bilder durch Marker, Hinweise, Labels oder Info-Layer auszeichnen. Damit lassen sich selbst gestaltete Karten, Produktinformationen, Infografiken, Erklärbilder und sonstige interaktive Grafiken einbinden. Die Marker sind vom Redakteur per Maus positionierbar und die Info-Layer mit Überschriften, Bildern, Texten und Links erweiterbar.
So setzen Sie einen Attributwert dynamisch
ein Attribut kann in unterschiedlichsten Fällen benötigt werden. Das nachfolgende Beispiel führt an, wie Sie die Positionierung des Buttons zum Aufruf der Bildbearbeitung dynamisch setzen. Hierzu wird abhängig von der Klasse des Bildelementes
Vorlesefunktion für Seitentexte nutzen
lese Ihnen nun vor: '; } BASE (Mobile First): wglReader Klasse allen Seiten hinzufügen (reader.scss) - Positionierung in NAV-Div, Vorlesen für #blockContentInner #navigationMain > nav > div { -w-add-classes: wglReader;
Barrierefrei-Menü
getPathLayout (). '/wGlobal/layout/templates/items/header/header.waiMenu.wItem.php' , $itemData , $itemOptions ); Die Position des Icons zum Aufruf des Barrierefrei-Menüs nehmen Sie individuell über CSS vor. Das kann je nach Konstellation z.B.
-w-add-objectdata
in der Listen-Variante 999 dem Element mit der Klasse listEntry 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:
Copyright Angabe für Bilder umsetzen
Bild als geschützt gekennzeichnet wird. Copyright-Angabe im Bild-Element Anpassung der Schriftart, Schriftgröße und Positionierung Copyright-Angabe nur in Bildunterschrift Copyright-Angabe in Listen Copyright-Angabe für Banner-Bilder Banner mit
Einsatz von Isotope Darstellungen für Bildergalerien
1px; margin: 0 2px} .listDefault_var3601 . listEntry: hover { background: none} .listDefault_var3601 .listEntryInner { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box;
Responsive Toggler-Navigation anpassen
aktuelle BASE) /* ... */ /* Gestaltung der mobilen Navigation */ #navigationResponsiveAll { display: none; clear: both; position: relative; overflow: hidden; margin: 0; padding: 0; background-color: $backgroundColorNavigationMain;}
iOS 14 - Anpassung zu Hintergrundbildern
z.B. in Bezug auf Hintergrundbilder mit Parallax-Effekt. Bestehende Projekte zeigen dann ggf. das Verhalten, daß fix positionierte Hintergrundbilder nicht mehr wie gewünscht dargestellt werden. Auf dieses Verhalten geht die aktuellste ui.js
So erstellen Sie eine weitere Primärfarbe
yes; isdarkbackground: yes} */ .elementBoxBackgroundColor_var92 { -w-editmaskExtendedWebtag-layoutBackgroundOpacity: 'positionInEditmask= insertafter: elementBoxBackgroundColor,active=admin,decorators=col2,clear=both,inputStyle=" width:
Weblics® 2.x in BASE 1.x nutzen
'wIsEmbeddedLanguage') != '1' and ($wUsertype = 'admin' or $wUsertype = 'standard') "> style= " position:absolute;right:0;z-index:10 " path= " {$wProjectPath}/wGlobal/content/contentPortal/default.php " icon= "
Datenschutzkonforme Cookies in Weblication
} else{ jQuery('#cookieNotice').prependTo('body'); jQuery('#cookieNoticeCloser').show(); } #cookieNotice {position:relative;background-color:#c0c0c0;border-bottom:solid 1px #a0a0a0;padding:10px;text-align:center} #cookieNoticeCloser
CSS-Only Referenz
wird -w-editmaskExtended-backgroundpositionclasses Definiert die Auswahlbox mit den gewünschten Werten für die Position des Hintergrundbildes -w-editmaskExtended-backgroundvideo Definiert, ob das Dateiauswahlfeld für den Pfad des
Objektwizard - Listeneintrag des Objektes
ersetzender Text': 1:'Ersetzungstyp': 1:'Text vor der Ausgabe': 1:'Text nach der Ausgabe': 1:'Inhalt verlinken': 1:'Position / Ausrichtung': 1:'Abstand': 1:'Farbe': 1:'Innerhalb farbiger Bereiche': 1:'Größe': 1:'Zusätzliches CSS':
Font Awesome im Link-Element nutzen
*/ .elementLink_var115 { -w-editmaskExtended-anchorClass: no; -w-editmaskExtended-fontAwesomeIcon: yes; -w-subvariants: position=0; overflow: hidden; > a { @extend .linkButtonGhost; } & + & { margin-top: (-$marginBottomText * 0.75) ; } }
wThumbnail::getPathThumbnail
unten links force Die Größe wird angepasst und das Bild ggf. verzerrt options Zusatzoptionen cutLeft Linke Position beim Ausschneiden cutTop Obere Position beim Ausschneiden cutWidth Breite beim Ausschneiden cutHeight Höhe beim
wThumbnail::createThumbnail
unten links force Die Größe wird angepasst und das Bild ggf. verzerrt options Zusatzoptionen cutLeft Linke Position beim Ausschneiden cutTop Obere Position beim Ausschneiden cutWidth Breite beim Ausschneiden cutHeight Höhe beim
Eigene Strukturelemente umsetzen
and php:functionString('wEnv::getGlobalValue', 'wUseEditor') != '0' "> style= " white-space:nowrap "> style= " position:relative;float:right; "> id= " wConfigMaskOpener_{@uid} " src= " /weblication/grid5/gui/images/editor/config.gif "
Scroll-Fortschrittsanzeige für Seiten
body an (design.css) - Kopfbereich nicht fixiert body { -w-add-classes: wglAddScrollProgress;} #scrollProgress { position: fixed; top: 0; /* zeigt den Scroll-Fortschrittbalken oben an ( bottom: 0; zeigt diesen unten an) */ /* ... */ } body
So beeinflussen Sie die Fancybox-Einstellungen beim Bildelement
den Hintergrund rötlich abdunkelt. Beispiel: Auszug aus der design.css zu den wLightbox Angaben /* ... */ . wLightbox { position : fixed ; z - index : 120 ; top : 0 ; width : 100 %; height : 100 %;} . wLightboxBackground { position : fixed ; top : 0
GoogleMaps: Markierungscluster
der Seite zur Verfügung stehen. Beispiel: Auszug JS-Code render-Objekt var wGoogleClusterRenderer = { render: ({ count, position }) => new google.maps.Marker({ label: { text: String(count), color: "black", fontWeight: "700", fontSize: "10px"}, icon:
Anpassen einer Bildergalerie Variante über CSS-Only
yes;} /* ... */ .listPictureGallery_var12 .listEntriesPreview { -w-add-classes: wglOverflowXTouch; cursor: e-resize; position: relative; overflow: hidden; margin-left: 5%; width: 90%} /* ... */ { text-decoration: none} .listPictureGallery_var12
Alternierende Listen umsetzen
ausgegeben. Hierzu prüfen Sie innerhalb der foreach -Schleife, ob es sich beim jeweiligen Listeneintrag um eine gerade Positionsnummer handelt. Wenn ja, wird dieser Listeneintrag in einer anderen Hintergrundfarbe angezeigt (z.B. grau (#e0e0e0)),
Unterschiedliche Varianten in Listenerweiterungen auswählbar machen
" php:function('wList::getListData', 'objectListVariant') "/> test= " $objectListVariant = 'special' "> style= " position: absolute;top: 0;left: -4px;height:20px;width:4px;background-color: orange;border: 1px solid tomato; "/> test= "
Änderungen in Weblication® CMS Core/GRID
als Content-Type gesendet. 007.004.184.000 14.03.2013 Die Schließen-Schaltfläche in der Vorschau ist nun fix positioniert. 007.004.180.000 13.03.2013 Eigene Data-URLs werden bei der Linkprüfung und bei der CSS-Optimierung berücksichtigt.
CSS - first-child bei Inhaltsbereichen
Tipp Alternativ kann dies auch über folgende CSS-Only-Eigenschaft ermöglicht werden: -w-option-addPositionOfElement:1; /* Position des Elementes als Data-Attribut eränzen [1(Ja)|0(Nein)]*/ Weiterführende Links w3schools.com: CSS :first-child
-w-editmaskExtended-id
Aktiviert das Eingabefeld zur Bearbeitung der ID-Bezeichnung zum Layout-Container Variante 50 /* die ID wird z.B. zur Positionierung des Layout-Containers verwendet */ .elementContainerLayout_var50 { -w-editmaskExtended-id: yes;} Zu beachten: Diese
Pflege von Tabellen
im Editor notwendig: nein tableClass CSS-Klasse der Tabelle im Editor notwendig: nein tableDisplay Erlaubt die absolute Positionierung der Tabelle im Editor mögliche Werte: absolute notwendig: nein rows definiert, wieviel Zeilen standardmäßig
wXSLT::getTextContent
Auszug aus table.wItem.php zum Einsatz der Funktion ... select= " php:function('wXSLT::getTextContent', ../../tr[position() = 1]/td[$cellPos]) "/> ... Hinweis Beim Einsatz von Framework-Funktionen in eigenen Skripten beachten Sie bitte den
wUsers::selectUsers
=> 'standard' ); // Sortierung (ab Version 006.009.136.000 möglich): //$usersQuery['orderBy'] = "/wUser/meta[@name = 'position']/@value"; $usersQuery [ 'orderBy' ] = "/wUser/email/@value" ; // xPath $usersQuery [ 'orderDir' ] = 'asc' ; // asc, desc
XSLT-Schleife mit dem PHP-Framework
Diese liefert bei einer Schleife über Elemente den Elementnamen zurück. Wenn SIe also den Schleifenindex als Position des Elementes nutzen, verhält sich die PHP-Schleife wie eine XSLT-Schleife. Neben einer While-Schleife können Sie
So setzen Sie eine kategorisierte und nach Priorität sortierte Liste um
" /wd:document/wd:extension/wd:object/wd:data[@id='fachgebiete']/wd:category "> name= " allowDelete "> test= " position() = 1 "> hidden <!--web:row:start delete=" "--> style= " overflow:hidden;clear:left "> <!-- web:text:start
Unterschied zwischen den XSL-Elementen copy-of und value-of
Stellen zu wiederholen. (Quelle: SELFHTML ) xsl:value-of Erzeugt eine gespeicherte Zeichenkette an der aktuellen Position im Ausgabebaum. Bei der gespeicherten Zeichenkette kann es sich z.B. um den Inhalt eines Knotens der XML-Daten handeln,
So schreiben Sie Hintergrundbilder sprachabhängig über CSS
{background-image:url(/[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/backgrounds/bottom-back-en.gif);background-position:left;background-repeat:repeat-x;}') "/> select= " php:functionString('wPageCur::registerCss', '#blockBottom
So lesen Sie Inhaltsdaten über ein Listentemplate aus
aus SELFHTML-Artikel: document() (anderes XML-Dokument aufrufen) SELFHTML-Artikel: xPath-Syntax - Adressierung mit Positionsangabe und
Dynamisch HTML-Elemente über CSS und jQuery einfügen
/* ... */ } /* ... */ .listDefault_var10 .listEntryData-fblike { -w-jquery: jQuery (this) .addSocialMediaButtons () ; position: absolute; margin: auto 10px; bottom: 12px;} In der design.js Ihres Projektes definieren Sie die im CSS angesprochene