
# Headline vom GE plugin ausgeben
tt_content.gridelements_pi1.10 < lib.stdheader
tt_content.gridelements_pi1.10.10.setCurrent.htmlSpecialChars = 0

# 2-spaltig
tt_content.gridelements_pi1.20.10.setup {
    # ID des gridelements
    1 < lib.gridelements.defaultGridSetup
    1 {
        columns {
            # colPos ID
            501 < .default
            501.wrap = <div class="col">|</div>
            # colPos ID
            502 < .default
            502.wrap = <div class="col">|</div>
        }

        # Optional kann das gesamte Element noch einen wrap bekommen
        wrap = <div class="row row-2">|</div>
    }
}

# 2-spaltig asym-links
tt_content.gridelements_pi1.20.10.setup {
    # ID des gridelements
    2 < lib.gridelements.defaultGridSetup
    2 {
        columns {
            # colPos ID
            501 < .default
            501.wrap = <div class="col-wide">|</div>
            # colPos ID
            502 < .default
            502.wrap = <div class="col-narrow">|</div>
        }

        # Optional kann das gesamte Element noch einen wrap bekommen
        wrap = <div class="row row-2--asym-left">|</div>
    }
}

# 2-spaltig asym-rechts
tt_content.gridelements_pi1.20.10.setup {
    # ID des gridelements
    3 < lib.gridelements.defaultGridSetup
    3 {
        columns {
            # colPos ID
            501 < .default
            501.wrap = <div class="col-narrow">|</div>
            # colPos ID
            502 < .default
            502.wrap = <div class="col-wide">|</div>
        }

        # Optional kann das gesamte Element noch einen wrap bekommen
        wrap = <div class="row row-2--asym-right">|</div>
    }
}

# 3-spaltig
tt_content.gridelements_pi1.20.10.setup {
    # ID des gridelements
    4 < lib.gridelements.defaultGridSetup
    4 {
        columns {
            # colPos ID
            501 < .default
            501.wrap = <div class="col">|</div>
            # colPos ID
            502 < .default
            502.wrap = <div class="col">|</div>
            # colPos ID
            503 < .default
            503.wrap = <div class="col">|</div>
        }

        # Optional kann das gesamte Element noch einen wrap bekommen
        wrap = <div class="row row-3">|</div>
    }
}

# 3-spaltig asym links
tt_content.gridelements_pi1.20.10.setup {
    # ID des gridelements
    5 < lib.gridelements.defaultGridSetup
    5 {
        columns {
            # colPos ID
            501 < .default
            501.wrap = <div class="col-wide">|</div>
            # colPos ID
            502 < .default
            502.wrap = <div class="col-narrow">|</div>
            # colPos ID
            503 < .default
            503.wrap = <div class="col-narrow">|</div>
        }

        # Optional kann das gesamte Element noch einen wrap bekommen
        wrap = <div class="row row-3--asym-left">|</div>
    }
}




# 3-spaltig asym rechts
tt_content.gridelements_pi1.20.10.setup {
    # ID des gridelements
    6 < lib.gridelements.defaultGridSetup
    6 {
        columns {
            # colPos ID
            501 < .default
            501.wrap = <div class="col-narrow">|</div>
            # colPos ID
            502 < .default
            502.wrap = <div class="col-narrow">|</div>
            # colPos ID
            503 < .default
            503.wrap = <div class="col-wide">|</div>
        }

        # Optional kann das gesamte Element noch einen wrap bekommen
        wrap = <div class="row row-3--asym-right">|</div>
    }
}


# 4-spaltig
tt_content.gridelements_pi1.20.10.setup {
    # ID des gridelements
    7 < lib.gridelements.defaultGridSetup
    7 {
        columns {
            # colPos ID
            500 < .default
            500.wrap = <div class="col-sm-12">|</div>
            # colPos ID
            501 < .default
            501.wrap = <div class="col">|</div>
            # colPos ID
            502 < .default
            502.wrap = <div class="col">|</div>
            # colPos ID
            503 < .default
            503.wrap = <div class="col">|</div>
            # colPos ID
            504 < .default
            504.wrap = <div class="col">|</div>
        }

        # Optional kann das gesamte Element noch einen wrap bekommen
        wrap = <div class="row row-4">|</div>
    }
}




# 1-spaltig
tt_content.gridelements_pi1.20.10.setup {
    # ID des gridelements
    8 < lib.gridelements.defaultGridSetup
    8 {
        columns {
            # colPos ID
            501 < .default
            501.wrap = <div class="col col-fullwidth">|</div>
        }

        # Optional kann das gesamte Element noch einen wrap bekommen
        wrap = <div class="row row-1">|</div>
    }
}




# 2-spaltig non-collapsing
tt_content.gridelements_pi1.20.10.setup {
    # ID des gridelements
    10 < lib.gridelements.defaultGridSetup
    10 {
        columns {
            # colPos ID
            501 < .default
            501.wrap = <div class="col">|</div>
            # colPos ID
            502 < .default
            502.wrap = <div class="col">|</div>
        }

        # Optional kann das gesamte Element noch einen wrap bekommen
        wrap = <div class="row row-2-non-collapsing">|</div>
    }
}



tt_content.gridelements_pi1.20.10.setup {
  9 < lib.gridelements.defaultGridSetup
  9 {
    columns {
      default.renderObj.wrap = <li>|</li>
    }
    wrap.stdWrap.cObject = COA
    wrap.stdWrap.cObject {
      wrap = <div class="sliderOuter">|</div>
      550 = COA
      550 {
        20 = TEXT
        20.value = <ul class="sliderContents">|</ul>
      }
    }
  }
}






# 1-spaltig
tt_content.gridelements_pi1.20.10.setup {
    # ID des gridelements
    10 < lib.gridelements.defaultGridSetup
    10 {
        columns {
            # colPos ID
            501 < .default
            501.wrap = <div class="col col-fullwidth">|</div>
        }

        # Optional kann das gesamte Element noch einen wrap bekommen
        wrap = <div class="row row-1 row--narrow">|</div>
    }
}

