destination.data Kacheln (2er, 4er) für Querformat-Ausgaben auf volle Anzeigenbreite skalieren

destination.data Kacheln (2er, 4er) für Querformat-Ausgaben auf volle Anzeigenbreite skalieren

Mit den Standard-Einstellungen, werden 2er und 4er Kacheln bis max. zur Hälfte der Anzeigebreite skaliert ausgegeben, wenn der Inhalt im Querformat ausgespielt wird.

Es gibt jedoch eine Lösung, die Anzeige auf die ganze Breite zu erzwingen, hierzu ist allerdings ein wenig extra Aufwand nötig:

Füge als erstes ein CSS-Element ganz oben ein und hinterlege darin folgendes Code-Snippet für das Skalieren von 2er Kacheln, führenden Punkt beachten:
     
      .ganze_breite_2er>.pp-query-flextiles .pp-flextile>.pp-item {
       width: 400%!important;
      }


Bei Verwendung von 4er Kacheln ist dieses Code-Snippet zu verwenden:

      .ganze_breite_4er>.pp-query-flextiles .pp-flextile>.pp-item {
      width: 
200%!important;
      }

Werden beide Kachelvarianten verwendet, müssen beide Code-Snippets untereinander einfügen werden.
Hinweis: die Bezeichnungen "ganze_breite_2er" und "ganze_breite_4er" dürfen angepasst werden und sind hier nur als Beispiel verwendet worden (Empfehlung: keine Sonder- und Leerzeichen verwenden, auf Unterstriche zur Trennung beschränken)

Ein Beispiel mit beiden Code-Snippets, die Ausrufezeichen können hier ignoriert werden:


Jetzt muss für jede Kachel eines Themas ein separater Portalblock inkl. einem Kachelblock erstellt werden.
Nur der erste Portalblock erhält hier eine Überschrift (Das Thema), die weiteren Portalblöcke zum gleichen Thema bekommen keine eigene Überschrift, und werden dadurch direkt untereinander dargestellt, mit einem kleinen Abstand.

Jeder Portalblock enthält nur einen Kachelblock - jeder dieser Kachelblöcke erhält nur eine Kachel!

Entsprechend der im Kachelblock verwendeten Kachel (2er/4er), füge nun dem Portalblock im Feld "CSS Klasse" den Wert

      ganze_breite_2er
      bei Verwendung einer 2er Kachel bzw.

      ganze_breite_4er
      bei Verwendung einer 4er Kachel ein

Beispiel eines ersten Themen Portalblock mit 2er Kachel, daher auch mit Überschrift:


Dieser Vorgang ist dann für weitere Themen zu wiederholen, immer beginnend mit einen Portalblock mit Thema in der Überschrift und weiteren Portalblöcken zum gleichen Thema ohne Überschrift folgend.

Hinweis: Versuche eine 1er Kachel auf diese Weise zu skalieren, führen zu einem nicht brauchbaren Ergebnis, da die Qualität der Bilder hinsichtlich der Schärfe extrem schlecht werden.

    • Related Articles

    • destination.data: Neuen Zugang beantragen für destination.one

      So beantragst Du einen neuen Zugang Dafür rufst Du bitte die Startseite des Redaktionssystem unter https://data.destination.one/ auf und klickst dort auf den Link "Neuen Zugang beantragen". Abb. 1 Link "Neuen Zugang beantragen" Abb. 2 Das Formular ...
    • destination.data: Zugangsbestätigungslink für destination.one neu zusenden

      Wenn Du dich für destination.data registriert hast, dann erhältst Du im Anschluss eine Email mit einem Bestätigungslink. Dieser Link hat eine Gültigkeit von 24 Stunden. Innerhalb dieser Zeit musst Du ihn anklicken, damit deine Registrierung ...
    • destination.data: Abonnement für Eventmelder

      Eventmelder Abonnements In diesem Artikel wird Dir gezeigt, wie Du über neue, extern gepflegte Veranstaltungen informiert wirst.  Aktivieren des Abonnements  1. Anmeldung in destination.data und in Dein "Profil" gehen.     Dies befindet sich auf der ...
    • destination.data: Datensätze filtern

      Filtermöglichkeiten in destination.data  ​ Folgende Filtermöglichkeiten stehen Dir in destination.data zur Verfügung 1. Datenqualität Hier kannst Du nach der Datenqualität filtern, um nur die schlechter gepflegten Datensätze anzuzeigen und ggf. zu ...
    • destination.data: Vermieter / Gastgeber anlegen

      Unter data.destination.one "Content verwalten" -> "Gastgeber" kannst Du deine Vermieter / Betriebe anlegen. Du kannst mit folgendem Button starten. Als 1. Schritt gebe bitte den Ort an, an dem sich Dein Gastgeber / Betrieb befindet. Wenn Du einen ...