[TYPO3-german] Grid-Elements verschachteln

[Ralf-Rene Schröder]

Am 16.03.2014 13:43, schrieb Roland Hentschel:
> aber die Klassennamen innerhalb eines Elements müssen scheinbar
> eindeutig (unique) sein !
!!! definitiv nicht... ich habe hier an die 30 Elemente und fast alle
tragen die gleichen Klassennamen (kommen schließlich aus einem CSS
Framework ... hier YAML)
auch müssen die columns nicht unterschiedlich sein (wenn man sie
sinnvoll gleich hält behält man beim Umschalten sogar die Inhatselemente
drin)...

ich arbeite zwar nicht mit Datenbank IDs, sondern mit Namenszuweisung
über das TS-config, aber sowas wie hier klappt problemlos:
################################################################################
###  gridelements
tt_content.gridelements_pi1.20.10.setup {
  # ID of gridelement
  iff-ym-flex-g33-g66 < lib.gridelements.defaultGridSetup
  iff-ym-flex-g33-g66 {
    columns {
      11 < .default
      11.wrap = <div class="ym-g33 ym-gl"><div class="ym-gbox
ym-gbox-left"> | </div></div>
      15 < .default
      15.wrap = <div class="ym-g66 ym-gr"><div class="ym-gbox
ym-gbox-right"> | </div></div>
    }
  }
  iff-ym-flex-g38-g62 < lib.gridelements.defaultGridSetup
  iff-ym-flex-g38-g62 {
    columns {
      11 < .default
      11.wrap = <div class="ym-g38 ym-gl"><div class="ym-gbox
ym-gbox-left"> | </div></div>
      15 < .default
      15.wrap = <div class="ym-g62 ym-gr"><div class="ym-gbox
ym-gbox-right"> | </div></div>
    }
  }
  iff-ym-flex-g50-g50 < lib.gridelements.defaultGridSetup
  iff-ym-flex-g50-g50 {
    columns {
      11 < .default
      11.wrap = <div class="ym-g50 ym-gl"><div class="ym-gbox
ym-gbox-left"> | </div></div>
      15 < .default
      15.wrap = <div class="ym-g50 ym-gr"><div class="ym-gbox
ym-gbox-right"> | </div></div>
    }
  }
  iff-ym-flex-g40-g60 < lib.gridelements.defaultGridSetup
  iff-ym-flex-g40-g60 {
    columns {
      11 < .default
      11.wrap = <div class="ym-g40 ym-gl"><div class="ym-gbox
ym-gbox-left"> | </div></div>
      15 < .default
      15.wrap = <div class="ym-g60 ym-gr"><div class="ym-gbox
ym-gbox-right"> | </div></div>
    }
  }
  iff-ym-flex-g60-g40 < lib.gridelements.defaultGridSetup
  iff-ym-flex-g60-g40 {
    columns {
      11 < .default
      11.wrap = <div class="ym-g60 ym-gl"><div class="ym-gbox
ym-gbox-left"> | </div></div>
      15 < .default
      15.wrap = <div class="ym-g40 ym-gr"><div class="ym-gbox
ym-gbox-right"> | </div></div>
    }
  }
  iff-ym-flex-g62-g38 < lib.gridelements.defaultGridSetup
  iff-ym-flex-g62-g38 {
    columns {
      11 < .default
      11.wrap = <div class="ym-g62 ym-gl"><div class="ym-gbox
ym-gbox-left"> | </div></div>
      15 < .default
      15.wrap = <div class="ym-g38 ym-gr"><div class="ym-gbox
ym-gbox-right"> | </div></div>
    }
  }
  iff-ym-flex-g66-g33 < lib.gridelements.defaultGridSetup
  iff-ym-flex-g66-g33 {
    columns {
      11 < .default
      11.wrap = <div class="ym-g66 ym-gl"><div class="ym-gbox
ym-gbox-left"> | </div></div>
      15 < .default
      15.wrap = <div class="ym-g33 ym-gr"><div class="ym-gbox
ym-gbox-right"> | </div></div>
    }
  }
}


-- 
image[FORMAT] - Ralf-René Schröder
http://www.image-format.eu ... Wir geben Ihrem Image das richtige Format

aktueller TIPP: www.startnext.de/typo3-theme-packages