Volltextsuche
Liste mit Box- oder Spalten-Darstellung
gibt es bereits viele CSS-Only-Varianten, aus welchen Sie die für Ihre Umsetzung gedachte Variante wählen können. Box-Darstellung (Listenvariante 10) Beispiel einer Listen Box-Darstellung Mit der Listenvariante 10 (Box-Darstellung)
Variablen innerhalb eines Formulares nutzen
Zeitpunkt des Versandes festgehalten ( dateSend ) und auch der E-Mail mitgegeben ( [!--dateSend--] ). Formulareditor: Box "E-Mail an den definierten Empfänger" From: [!--email--] To: [!--to--] Content-Type: text/plain; charset=UTF-8 Subject:
Lightbox: Listenvariante boxGallery
zum Beispiel -w-option-picture-lightbox:1; aktiviert, so gilt für deren Bilder in der Regel* die Lightbox-Variante "boxGallery". Die Einstellungen der Variante werden in der design.js definiert. Auszug design.js wLightboxVariants [ 'boxGallery' ] =
Formulardaten protokollieren
(Zusatzmodul bis Core Business) zur Bearbeitung auf. Über die " Erweiterten Formulareinstellungen " finden Sie in der Box " Nach dem Absenden auszuführendes Skript " bereits eine im Standard schon gesetzte Abfrage (siehe nachfolgenden
Formulardaten über Platzhalter bedingt in der E-Mail ausgeben
Das zuvor im Screen ersichtliche Quelltext-Beispiel finden Sie nachfolgend zum Kopieren. Beispiel: Inhalt der Box "E-Mail an den definierten Empfänger" mit bedingter Ausgabe von Formulardaten From: [!--from--] To: [!--to--] Reply-To:
So setzen Sie ein Element mit unterschiedlichen Darstellungsarten um
mit, bei denen die Ausgabe über die Bearbeitung definiert werden kann. Am Beispiel des Strukturelementes "container.box" zeigt Ihnen dieser Artikel, wie dies in älteren Projekten umgesetzt ist (aktuelle Projekte nutzen zudem die Definition
Inhaltsboxen individuell über CSS-Only erweitern
nun über beliebige individuelle Titel, Zusatzinfos, pflegbare Felder und Daten-Attribute erweitern, um individuelle Boxen, Layer, Blöcke, Einblender oder sonstige gruppierte Elemente umzusetzen. Inhaltsboxen lassen sich in der BASE (Mobile
Links / Querverweise über Lightbox
In der design.js wird innerhalb des Bereiches "Initialisieren der Seite" über jQuery für alle a-Tags mit der Klasse "box" ( class="box" ) - und weitergehenden Klassen - definiert, wie die Fancybox geöffnet werden soll ( jQuery("a.box ...).
CSS3 - gewusst wie
Nutzbar ab: Version Veröffentlichungsdatum: 13. März 2012 Änderungsdatum: 24. Januar 2014 css css3 gradient shadow box border background CSS3 für unterschiedliche Browser schnell und einfach einsetzen. Mit CSS3 können Sie Effekte, wie
Informationen seitlich am Bildschirmrand oder Inhalt platzieren
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 Bildschirmrand positionieren,
So definieren Sie die häufig benötigten Verzeichnisse für die Dateiauswahl
fileselector häufig benötigt Dieser Artikel erläutert, über welche Datei Sie die Auswahl der "Häufig benötigt" Box definieren. Die in nachfolgendem Beispielscreenshot ersichtlichen Links im Fenster "Häufig benötigt" können Sie in
Inhaltsboxen individuell über CSS-Only erweitern
Inhaltsboxen lassen sich in der BASE (Mobile First) nun über beliebige individuelle Titel, Zusatzinfos, pflegbare Felder und Daten-Attribute erweitern, um individuelle Boxen, Layer, Blöcke, Einblender oder sonstige gruppierte Elemente umzusetzen.
Strukturelemente dynamisch abhaengig von der Hauptgruppe anbieten
anbieten wollen, können Sie über XSLT die ID der Hauptgruppe ermitteln und dem Pflegetag übergeben. In der Box werden die Elemente der Hauptgruppe angeboten match= " wd:group[@id='box'] "> <!-- web:group:start name=" "
Lightbox-Darstellung beeinflussen
der Lightbox-Variante über w-jquery Der Bildergalerie-Variante 2 wird zum picture-Tag über jQuery ein Data-Attribut "boxPicture2" ergänzt, auf welches später per JavaScript und CSS zurückgegriffen werden kann. Beispiel: Auszug aus der
Formular: Auswahlfeld per URL-Parameter vorbelegen
vorbelegt Formular: Auswahlfeld bearbeiten Formular: Auswahlfeld über serverEventOnBeforeBuild steuern Inhalt der Box "Vor der Erstellung auszuführendes Skript" // bei Übergabe eines URL-Parameters die Auswahl "Firma" vorauswählen
Formularvalidierung für Bestätigungsfelder umsetzen
nachfolgend nochmals als Auszug zum Validierungsteil im Quelltextbeispiel zum Kopieren: Auszug aus dem Formulareditor, Box "Nach dem Absenden auszuführendes Skript" ... $validation = true ; if( $mailData [ 'email' ] != $mailData [
Einsatz von Isotope Darstellungen für Bildergalerien
yes} .listDefault_var3601 .listEntry { display: inline-block; overflow: visible; box-sizing: border-box; border: none; padding: 1px; margin: 0 2px} .listDefault_var3601 . listEntry: hover { background:
So erstellen Sie Seiten auf Grundlage eines Formulares
wie folgt aussehen: Formular: Profilseite erstellen Über die erweiterten Formulareinstellungen definieren Sie in der Box " Nach dem Absenden auszuführendes Script ", dass die Formulardaten zusätzlich zur E-Mail die Inhalte einer neuen Datei
Weblics® 2.x in BASE 1.x nutzen
Hauptinhalt eingebunden --> name= " content1 " wChecksum= " 7a79f357c7b5e1e8b2b8755e3991a02f "> <!-- Workflow-Box --> name= " workflowBox " wd:pathTemplate= " misc/includes.global.php#workflowBox "/> CONTENT:START test= "
Responsive Toggler-Navigation anpassen
padding 0.05s linear;} #navigationSidebar #navigationMainToggler { display: block; position: absolute; top: 0; right: 0; box-sizing: border-box; -moz-box-sizing: border-box; width: 40px; height: 80px; margin: 0; padding: 12px 24px 12px 16px;
Cookies - Informationen zum Datenschutz
100vh; -webkit-overflow-scrolling: touch; overflow-y: auto; background-color: #F0F0F0; border-top: solid 1px #DDDDDD; box-shadow: 0 0 20px rgba (0, 0, 0, 0.6) ; padding: 2rem; text-align: center; } @media ( min-width: 768px) { #cookieNotice
-w-jquery
der Listeneinträge um das Attribut class, um dies als Fancybox-Ziel zu definieren /* ... */ /* Setzt class="box" über jQuery, um das A-Tag für ein Fancybox-Ziel zu definieren (Abfrage über design.js) : */ /* über addClass
Hinweisbox bei Aufruf einer Seite / Layer für Aktionen
" display: none; " target= " fancy " name= " callFancy " href= " https://www.weblication.de/?viewmode=blank " class= " box "> Weblication Nach diesem Element fügen Sie ein "Javascript einbinden" Element ein und setzen z.B. folgenden
Listeneinträge ohne Verlinkung - nur anteasern
zu "Verlinktes Element" definiert ist, deaktivieren Sie auch diese Einstellung. Am Beispiel der Listen-Variante 10 (Box) ist dort standardmässig die Border-Untervariante 20 (Box) zugewiesen, welche diese Einstellung hat. Ggf. legen Sie
Listeneinträge in einer Lightbox öffnen
// Link in neuem Fenster öffnen -w-option-linkTarget: _blank; // Link in einer Lightbox öffnen -w-option-linkTarget: box; -w-option-linkPostfix: 'viewmode=blank&linkback=no'; // Link in der Lightbox mit der Variante Card öffnen
Anpassen einer Bannerslider Variante über CSS-Only
horizontal) /* ... */ .listBannerSlider_var40 .listEntriesPreview .listEntry { display: table-cell; cursor: pointer; box-sizing: border-box} /* ... */ Nach der Anpassung (visuell gleich): Banner-Variante 40 (Bild, mehrspaltiger Teasesr
Objekt-Wizard - Seitendarstellung des Objektes
individiuell über HTML formatiert werden. Zudem ist der Einsatz von WSL-Tags möglich, was im Info-Text unterhalb der Box angeführt wird. Beispiele finden Sie unter anderem in der Mobile First Hilfe . 'HTML Sonderzeichen (nicht) maskieren':
Dynamisch HTML-Elemente über CSS und jQuery einfügen
ist dies beispielhaft für die Standard-Liste (Variante 0) und die CSS-Only-Variante 10 der Liste (dreispaltige Boxdarstellung) angeführt. zu Beispiel 1: Auszug aus der design.css /* eingebunden in der Standard-Liste */ .listDefault_var0
Responsive Webdesign
*/ /* #blockMainOuter { margin: 10px auto; max-width: $widthBlockMainOuter; background-color: $backgroundColorContent; box-shadow: none} */ /* neue blockMainOuter Angabe mit fester Breite */ #blockMainOuter { margin: 10px auto; width:
Objektwizard - Listeneintrag des Objektes
individiuell über HTML formatiert werden. Zudem ist der Einsatz von WSL-Tags möglich, was im Info-Text unterhalb der Box angeführt wird. Beispiele finden Sie unter anderem in der Mobile First Hilfe . 'HTML Sonderzeichen (nicht) maskieren':
Formular mit Länderauswahl
des jeweiligen Sprachprojektes setzen, können Sie dies über die erweiterten Formulareinstellungen in der Box " Nach dem Absenden auszuführendes Script " beeinflussen. Zur Kategoriendatei lesen Sie die Sprachkennzeichnung (z.B.
Entwicklertools zur schnellen Layoutanpassung nutzen
der BASE im Mozilla Firefox Browser Im rechten Inhaltsbereich befindet sich ein Inhaltscontainer in der Darstellung "Box", das heißt, die Inhalte werden gegen einen grauen Hintergrund angezeigt. In den nächsten Schritten erfahren Sie, wie
Formular mit weiteren Empfängeradressen
Vorlage die E-Mail Adressen. Den Platzhalter setzen Sie über die " Erweiterten Formulareinstellungen " über die Box " E-Mail an den definierten Empfänger " im Mail-Header: Beispiel: Auszug aus /base/kontakt/index.php aus den erweiterten
Versand von E-Mails über Formulare und Skripten
benannten Feld im Formular auf eine entsprechende Adresse, siehe z.B.: Beispiel 2: Auszug aus /de/kontakt/index.php zur Box "E-Mail an den definierten Empfänger" - Absender-Adresse einer erlaubten Mail-Domain From:
-w-editmaskExtended-backgroundcolorpicker
Einsatzgebiet [yes|no] Definiert, ob die Auswahl für die Farbwerte der Hintergrundfarbe angeboten wird container.box.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl für die Farbwerte der Hintergrundfarbe in
-w-editmaskExtended-backgroundcolor
Einsatzgebiet [yes|no] Definiert, ob die Auswahl für die Farbwerte der Hintergrundfarbe angeboten wird container.box.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl für die Farbwerte der Hintergrundfarbe in
-w-use-orig-backgroundimage
[yes|no] Definiert, ob beim Generieren des Hintergrundbildes das Originalbild verwendet werden soll container.box.wItem.php container.section.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Verwendet bei Inhaltsbox-Variante 111
-w-subvariants
CSS-Only Untervarianten zu einer Hauptvariante (ab CMS 9.x funktionsfähig) default.wFilelist.php container.box.wItem.php container.section.wItem.php Die CSS-Only-Eigenschaft für Subvarianten (Untervarianten) ermöglicht Ihnen das
-w-option-linkTarget
[popup|popupcustom|box|_blank|_self] Definiert das Link-Ziel eines Listeneintrages default.wFilelist.php Beispiele / Anwendungsfälle Beispiel
-w-editmaskExtended-target
Einsatzgebiet [yes|no] Definiert, ob das Dateiauswahlfeld für die Auswahl des Link-Zieles angeboten wird container.box.wItem.php container.section.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert das Dateiauswahlfeld zur
-w-editmaskExtended-position
Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahl für die Position / Ausrichtung angeboten wird container.box.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl für die Position / Ausrichtung im
-w-editmaskExtended-parallaxcontentdirection
Einsatzgebiet [yes|no] Definiert, ob die Auswahlbox für die Parallax Inhalt Scroll-Richtung angeboten wird container.box.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahlbox für die Parallax Inhalt Scroll-Richtung
-w-editmaskExtended-parallaxcontent
Einsatzgebiet [yes|no] Definiert, ob die Auswahlbox für den Parallax Effekt Inhalt angeboten wird container.box.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahlbox für den Parallax Effekt Inhalt
-w-editmaskExtended-parallaxbackgroundspeed
Einsatzgebiet [yes|no] Definiert, ob die Auswahl für den Hintergrundbild Scroll-Faktor angeboten wird container.box.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl für den Hintergrundbild Scroll-Faktor der
-w-editmaskExtended-parallaxbackgrounddirection
[yes|no] Definiert, ob die Auswahlbox für die Parallax Hintergrundbild Scroll-Richtung angeboten wird container.box.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahlbox für die Parallax Hintergrundbild
-w-editmaskExtended-parallaxbackground
Einsatzgebiet [yes|no] Definiert, ob die Auswahlbox für das Parallax Hintergrundbild angeboten wird container.box.wItem.php container.section.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert im Inhaltsbereiche Element die
-w-editmaskExtended-padding
[yes|no] Definiert, ob die Auswahl für die Abstände der Inhalte (Innenabstände) angeboten wird container.box.wItem.php container.section.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl für die Abstände
-w-editmaskExtended-mouseoverimage
Einsatzgebiet [yes|no] Definiert, ob das Dateiauswahlfeld für den Pfad des Mouseover-Bildes angeboten wird container.box.wItem.php container.section.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert das Dateiauswahlfeld zur
-w-editmaskExtended-link
Einsatzgebiet [yes|no] Definiert, ob das Dateiauswahlfeld für das Setzen eines Linkpfades angeboten wird container.box.wItem.php container.section.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert das Dateiauswahlfeld zur
-w-editmaskExtended-innerheight
Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahl für die Höhe der Inhalte angeboten wird container.box.wItem.php container.section.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl für die Höhe der