Volltextsuche

  • Limit für Pixelanzahl bei Bildgenerierung über GD setzen

    Nutzbar ab: Version Veröffentlichungsdatum: 29. August 2013 Änderungsdatum: 30. August 2013 wconf bildgenerierung gd pixel digicam Beim Einsatz des GD-Modules unter PHP für die Bildmanipulation können Sie ein Limit für die maximale

  • thumbnail

    soll [PATH] srcAlt 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

  • Facebook-Pixel im Projekt nutzen

    nutzen Veröffentlichungsdatum: 16. November 2020 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Das Facebook-Pixel können Sie als Analysetool zur Messung der Wirksamkeit einer Werbung einsetzen. Aktuelle BASE Mobile First Projekte

  • wCSS::getWidthCol

    Elementes Beispiel: Gibt die Breite einer Spalte aus Quelltext <?php print 'Breite der Spalte von blockContent in Pixel: ' . wCSS :: getValue ( '/devGlobal/wGlobal/layout/styles/design.css' , '#blockContent' , 'width' ); ?> Ergebnis Breite

  • Text in Listen ausgeben und die Anzahl der Zeichen begrenzen

    Elementes und was bei Textüberlauf geschehen soll: Beispiel 2: Schneidet den Titel der Variante 10 bei 100 Pixel Breite clientseitig ab .listDefault_var_10 .listEntryTitle a { display: inline-block; width: 100px; white-space:

  • wCSS::getWidthBlock

    Beispiel: Gibt die Breite des blockContent Blockes aus Quelltext <?php print 'Breite des Blockes blockContent in Pixel: ' . wCSS :: getWidthBlock ( '/dev/dokumentationen/framework/beispiele/styles/design.css' , '#blockContent' , 'width' );

  • CSS-Rendering - Inhalte wie Bilder automatisch in passender Breite generieren

    = widthCurrentElement; ... ... Kann ausgehend von einem Element (z.B. Bild-Element) keine konkrete Breite (in Pixel) ermittelt werden, wird so lange die Elemente nach oben gesucht, bis eine konkrete Breite definiert ist. Letzte Instanz

  • Responsive Toggler-Navigation anpassen

    2.x) liefert Ihnen hierzu schon im Standard vorbereitet eine Umsetzung, bei der ab einer Bildschirmauflösung von 768 Pixel (px) eine Toggler-Navigation an Stelle der Hauptnavigation eingeblendet und die linke Unternavigation ausgeblendet wird.

  • wCSS::setWidthBlock

    $cssPath = '/dev/dokumentationen/framework/beispiele/styles/design.css' ; print 'Breite des #blockContent Blockes in Pixel: ' . wCSS :: getWidthBlock ( $cssPath , '#blockContent' , 'width' ); print ' Breite nach Anpassen über wCSS::setWidthBlock

  • Uploadereignis abhängig von der Bildgröße nutzen

    " zurück, um ein Bild beim Hochladen auf die vordefinierte Breite herunterzurechnen (z.B. 1920 oder 1280 Pixel). Das Herunterrechnen des Bildes findet dabei nur dann statt, wenn das Bild die angegebene Breite überschreitet. Ab

  • Festlegen des darzustellenden Bildausschnittes und verschiedene Seitenverhältnisse

    festgelegt wurde, wird diese Breite zur Auswahl vordefiniert. Mögliche Werte: [Zahl] (z.B. width="120" für 120 Pixel) height Über dieses Attribut können Sie optional die Höhe des Ausschnittfenster definieren. Sofern noch kein

  • Schriftgrößen zum Projekt festlegen

    die Standard-Schriftgröße (Block Allgemein - Standard) und der Angabe von 1 rem gilt somit: Bildschirmgröße ab 1200 Pixel: Schriftgröße: 19 px Bildschirmgröße ab 992 Pixel: Schriftgröße: 18 px Bildschirmgröße ab 768 Pixel:

  • HD-Funktion in BASE-Projekten nachrüsten

    und Icons ein. /*@wCssFragment { class: mediaqueryPixelRatio; variant: min2; caption: Sobald das Endgerät ein Device-Pixel-Ratio von mindestens 2 hat} */ @media ( -webkit-min-device-pixel-ratio: 2) { #blockTop #searchBox #searchSubmit {

  • Umsetzung einer Internetpräsenz für mobile Endgeräte in älteren Projekten

    (Nein) und im nachfolgenden Feld für eine feste Breite nichts hinterlegt, wird standardmässig eine Breite von 280 Pixel gesetzt. Diese Auswahl steht nur bei entsprechender Lizenz für " Mobile APP ohne doppelte Pflege " zur Verfügung.

  • wCSS::getWidthInner

    obersten Element, die auch eine Breite definiert haben können print 'Innere Breite des Elements ' . $selector . ' in Pixel: ' . wCSS :: getWidthInner ( $cssPath , $selector , $widthTop , $parents ); ?> Ergebnis Innere Breite des Elements .col1

  • Änderungen in Weblication® CMS Core/GRID

    wird. 008.000.157.000 28.08.2013 Über /wConf/images/thumbnails/@maxPixelsToResize lässt sich definieren, ab welcher Pixelanzahl Bilder nicht mehr skaliert werden, um zu verhindern, dass beim Einsatz von GD das Speicherlimit überschritten wird.

  • So passen Sie die Listenübersicht einer Weblication® Liste an

    den Listendateien im Block "Darstellung einer Meldung" (type = 'news') an. Im Beispiel wird dies von Breite/Höhe 60/45 Pixel auf 80/60 Pixel gesetzt. Zusätzlich wurde ein Absatz mit einem weiter-Link (mehr...) gesetzt. Beispiel: Auszug aus

  • wPicture::createPicture

    dann geleaden werden soll, wenn es sich im sichtbaren Bereich befindet sizeMode Größemodus Keine Angabe Standardmodus pixel Pixelgenaues Laden für jede Bildschirmgröße. Achtung, dieser Modus hat negative Auswirkungen auf die Performance und

  • Bild mit Textumfluß realisieren

    in der Ausgabe Bild mit 250px Breite, links ausgerichtet Das nebenstehende Bild ist mit einer festen Breite von 250 Pixel definiert und links ausgerichtet. Dieses nachfolgende Textelement umfliesst somit dieses Bild rechts. Zur Demonstration

  • Nützliche Helfer zum Debuggen von Javascript, CSS, HTML & Co

    to a browser. MeasureIt Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels. Cache Status Easy cache status & management from status. X-Ray See the tags on a page without viewing the

  • Bildgenerierung: ImageMagick in Weblication CMS nutzen

    Element/Weblic® "Bild" bereithält. Weiterführende Links Onlinedokumentation - Systemeinstellung - Bilder Limit für Pixelanzahl bei Bildgenerierung über GD setzen imagemagick.org: ImageMagick: Convert, Edit, Or Compose Bitmap Images PHP:

  • So verwenden Sie eigene Buttons im Dateiexplorer

    Sie als Wert den Namen des gif-Bildes, welches unter /weblication/grid5/gui/images/icon_medium/ abliegen muss (18 x 18 Pixel). Im title-Attribut können Sie optional den Text angeben, der bei Überfahren des Symboles mit dem Cursor ersichtlich

  • Lazy Loading in Listen

    teilweise deutlich reduzieren. Beim Einsatz von HD-Bildern, werden auch diese berücksichtigt und abhängig vom Device-Pixel-Ratio des Endgerätes geladen, sobald sie sichtbar sind. Quelltext eines Lazy Loading Bildes src= " /trans.gif " alt= "

  • Debug-Funktionen zu Listen, Navigationen, Vorschaubildern und CSS nutzen

    der Parameter zu generateThumbnail : Pfad Pfad des Originalbildes Breite Breite des generierten Vorschaubildes in Pixel Modus Modus der Thumbnail-Funktion (zu wsl:thumbnail oder wThumbnail::createThumbnail ) Die Informationen ermöglichen

  • Banner: Bildausschnitt für kleine Endgeräte anders wählen

    der für die Bannervariante festgelegten Viewport-Breite. Im Standard ist dies mit $viewport_m_min eine Breite von 768 Pixel. Sie können über diese Angabe also bei kleineren Endgeräten einen passenden und aussagekräftigeren Bildausschnitt

  • Bildbreite und Hintergrundbildbreite bei Inhaltsbereichen

    Kleinere Hintergrundbilder für schmale Bildschirmbreiten Wenn Sie für schmale Bildschirmbreiten (z.B. unter 768 Pixel) nicht das grosse Hintergrundbild verwenden wollen, definieren Sie dies über einen mindestens sichtbaren

  • Lazy Loading in Listen

    teilweise deutlich reduzieren. Beim Einsatz von HD-Bildern, werden auch diese berücksichtigt und abhängig vom Device-Pixel-Ratio des Endgerätes geladen, sobald sie sichtbar sind. Listeneinstellung Allgemein - Lazyload Um Lazy Loading zu

  • Mobile First BASE: Responsive Bilder

    Bilder auf hochauflösenden Bildschirmen Lazy Loading, um die Bilder erst zu laden, wenn sie im Anzeigebereich sind Pixelgenaues Laden von Bildern, falls für jeder Bildschirmgröße exakt das passende Bild ausgeliefert werden soll Frei

  • BASE (Mobile First): Responsive Bilder

    Bilder auf hochauflösenden Bildschirmen Lazy Loading, um die Bilder erst zu laden, wenn sie im Anzeigebereich sind Pixelgenaues Laden von Bildern, falls für jede Bildschirmgröße exakt das passende Bild ausgeliefert werden soll Frei definierbare

  • Tabelle über CSS-Only responsive darstellen

    Wenn Sie diese auf "Werte neben Bezeichnungen" setzen, wird eine Tabelle auf Endgeräten mit viewport <= 768 Pixel so ausgegeben, daß die Werte neben dem Label platziert werden. Beispiel: Auszug aus der elementTable.scss mit

  • Änderungen in Weblication® CMS Core/GRID

    Dateipfade dann markiert werden, wenn sie existieren. 017.001.100.000 27.07.2022 Der Editor wird maximal 1920 Pixel breit geöffnet, um auch bei sehr hohen Auflösungen mit einer gebräuchlichen Darstellung zu starten. 017.001.079.000