[Frage] Gridelements Wrappen wenn Feld nicht leer TYPO3-Version: 6.2.7

  • Teisinger Teisinger
    Jedi-Meister
    0 x
    389 Beiträge
    27 Hilfreiche Beiträge
    06. 11. 2015, 16:14

    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:

    1. tt_content.gridelements_pi1.10 =< lib.stdheader
    2. tt_content.gridelements_pi1.20.10.setup {
    3. 1 < lib.gridelements.defaultGridSetup
    4. 1 {
    5. wrap = <div class="grid-container grid-container--100">|</div>
    6. columns {
    7. 1 < .default
    8. 1.wrap = <div class="grid-element grid-100 left">|</div>
    9. }
    10. if.isTrue.data = field:flexform_buttonlink
    11. wrap = <div class="grid-button-element">|</div>
    12. 10 = COA
    13. 10 {
    14. 10 = COA
    15. 10 {
    16. // General settings
    17. 110 = TEXT
    18. 110.data = field:flexform_buttonlink
    19. 110.wrap = <!!=|>|</a>
    20. 120 = TEXT
    21. 120 {
    22. wrap = |
    23. value =
    24. stdWrap.typolink.parameter < field:flexform_buttonlink
    25. stdWrap.typolink.ATagParams = role="link" itemprop="url"
    26. stdWrap.typolink.extTarget = _top
    27. }
    28. }
    29. }
    30. }
    31. }
    32. }

    Da wird ausgegeben, wenn das Feld leer ist:
    [code]

    1. <div id="c377" class="csc-default">
    2. <div class="grid-element grid-100 left">...</div>
    3. </div>
    [/code]

    und wenn das Feld belegt ist:
    [code]

    1. <div id="c377" class="csc-default">
    2. <div class="grid-button-element">
    3. <a href="MEINLINK"></a>
    4. </div>
    5. <div class="grid-element grid-100 left">...</div>
    6. </div>
    [/code]

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

    [code]

    1. <div id="c377" class="csc-default">
    2. <div class="gridContainerWithButton">
    3. <div class="grid-button-element">
    4. <a href="MEINLINK"></a>
    5. </div>
    6. <div class="gridContainer>
    7. <div class="grid-element grid-100 left">...</div>
    8. </div>
    9. </div>
    10. </div>
    [/code]

    und wenn das Feld leer ist sowas:

    [code]

    1. <div id="c377" class="csc-default">
    2. <div class="gridContainer">
    3. <div class="grid-element grid-100 left">...</div>
    4. </div>
    5. </div>
    [/code]

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

    Viele Grüße und vielen Dank
    Teisi

    https://github.com/groundstack-org


  • 1
  • Teisinger Teisinger
    Jedi-Meister
    0 x
    389 Beiträge
    27 Hilfreiche Beiträge
    10. 11. 2015, 14:42

    Konnts mir grad selbst beantworten:

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

    1. <div class="csc-default" id="c372">
    2. <div class="grid-container grid-container--100">
    3. <div class="grid-element grid-100 left">
    4. CONTENT INHALT
    5. </div>
    6. </div>
    7. </div>
    8. <div class="csc-default" id="c374">
    9. <div class="grid-container grid-container--button">
    10. <div class="grid-container grid-container--100">
    11. <div class="grid-element grid-100 left">
    12. CONTENT INHALT
    13. </div>
    14. </div>
    15. <div class="grid-button right"><a href="http://www.google.de">www.google.de</a></div>
    16. </div>
    17. </div>

    dazugehöriges TypoScript:

    1. tt_content.gridelements_pi1.10 =< lib.stdheader
    2. tt_content.gridelements_pi1.20.10.setup {
    3. 1 < lib.gridelements.defaultGridSetup
    4. 1 {
    5. cObject.value = <div class="grid-container grid-container--button">|</div>
    6. if.isFalse.data = field:flexform_buttonlink
    7. cObject.value = |
    8. }
    9. }
    10. wrap = <div class="grid-container grid-container--100">|</div>
    11. columns {
    12. 1 < .default
    13. 1.wrap = <div class="grid-element grid-100 left">|</div>
    14. }
    15. 10 = TEXT
    16. 10 {
    17. if.isTrue.data = field:flexform_buttonlink
    18. data = field:flexform_buttonlink
    19. typolink.parameter.data = field:flexform_buttonlink
    20. wrap = <div class="grid-button right">|</div>
    21. }
    22. }
    23. }
    24. }

    Vielleicht hilft es ja dem ein oder anderem. :)

    Viele Grüße

    https://github.com/groundstack-org

  • 1