Gridelements Wrappen wenn Feld nicht leer

Hallo,

habe gridelements am laufen mit nem z. B. Einspalter (oneColumn) dem ich per Flexforms noch ne Eingabemöglichkeit einer URL gegeben habe.

Ich möchte nun das, wenn das Feld "buttonlink" belegt ist (also nicht leer) dann soll er diesen bestimmten Grid anders Wrappen als wenn das Feld leer ist.

Bis jetzt bin ich soweit gekommen:

tt_content.gridelements_pi1.10 =< lib.stdheader
tt_content.gridelements_pi1.20.10.setup {
  1 < lib.gridelements.defaultGridSetup
  1 {
    wrap = <div class="grid-container grid-container--100">|</div>
    columns {
      1 < .default
      1.wrap = <div class="grid-element grid-100 left">|</div>
    }
    wrap.stdWrap.cObject = COA
    wrap.stdWrap.cObject {
      if.isTrue.data = field:flexform_buttonlink
      wrap = <div class="grid-button-element">|</div> 
      10 = COA
      10 {
        10 = COA
        10 {
          // General settings
          110 = TEXT
          110.data = field:flexform_buttonlink
          110.wrap = <a href="|">|</a>
          120 = TEXT
          120 {
            wrap = |
            value = 
            stdWrap.typolink.parameter < field:flexform_buttonlink
            stdWrap.typolink.ATagParams = role="link" itemprop="url"
            stdWrap.typolink.extTarget = _top
          }
          insertData = 1
        }
      }
    }
  }
}

Da wird ausgegeben, wenn das Feld leer ist:

<div id="c377" class="csc-default">
  <div class="grid-element grid-100 left">...</div>
</div>

und wenn das Feld belegt ist:

<div id="c377" class="csc-default">
  <div class="grid-button-element">
    <a href="MEINLINK"></a>
  </div>
  <div class="grid-element grid-100 left">...</div>
</div>

ABER ich möchte wenn das Feld belegt ist zum Beispiel sowas:

<div id="c377" class="csc-default">
  <div class="gridContainerWithButton">
    <div class="grid-button-element">
      <a href="MEINLINK"></a>
    </div>
    <div class="gridContainer>
      <div class="grid-element grid-100 left">...</div>
    </div>
  </div>
</div>

und wenn das Feld leer ist sowas:

<div id="c377" class="csc-default">
  <div class="gridContainer">
    <div class="grid-element grid-100 left">...</div>
  </div>
</div>

Komm da irgendwie nicht weiter.
Wäre super wenn Ihr mir da weiterhelfen könntet.

Viele Grüße und vielen Dank
Teisi

Konnts mir grad selbst beantworten:

Die Ausgabe sieht nun so aus, wie gewollt: (naja fast, das csc-default könnte noch weg)

<div class="csc-default" id="c372">
  <div class="grid-container grid-container--100">
    <div class="grid-element grid-100 left">
      CONTENT INHALT
    </div>
  </div>
</div>
<div class="csc-default" id="c374">
  <div class="grid-container grid-container--button">
   <div class="grid-container grid-container--100">
    <div class="grid-element grid-100 left">
      CONTENT INHALT
    </div>
   </div>
   <div class="grid-button right"><a href="http://www.google.de">www.google.de</a></div>
  </div>
</div>

dazugehöriges TypoScript:

tt_content.gridelements_pi1.10 =< lib.stdheader
tt_content.gridelements_pi1.20.10.setup {
  1 < lib.gridelements.defaultGridSetup
  1 {
    outerWrap {
      cObject = TEXT
      cObject.value = <div class="grid-container grid-container--button">|</div>
      override {
        if.isFalse.data = field:flexform_buttonlink
        cObject = TEXT
        cObject.value = |
      }
    }
    wrap = <div class="grid-container grid-container--100">|</div>
    columns {
      1 < .default
      1.wrap = <div class="grid-element grid-100 left">|</div>
    }
    append = COA
    append {
      10 = TEXT
      10 {
        if.isTrue.data = field:flexform_buttonlink
        data = field:flexform_buttonlink
        typolink.parameter.data = field:flexform_buttonlink
        wrap = <div class="grid-button right">|</div>
      }
    }
  }
}

Vielleicht hilft es ja dem ein oder anderem. 🙂

Viele Grüße