title: How to render content in a custom typo3 grid element ?
body: <p>I'm trying to make a simple 2 column teaser element that displays an image on the left column, a content element in the right column plus a button link. </p>
  
  <p>This is the original ts, it works but it's ugly and the images are static: </p>
  
  <hr>
  
  <pre><code>tt_content.gridelements_pi1.20.10.setup {
          29 &lt; lib.gridelements.defaultGridSetup
          29 {
          columns {
              20 &lt; .default
              20.outerWrap = &lt;div class="fifty1"&gt;&lt;div class="csc-textpic csc-textpic-intext-left-nowrap"&gt;&lt;div class="csc-textpic-imagewrap"&gt;&lt;a href="index.php?id={field:flexform_link1}"&gt;&lt;img src="{field:flexform_teaserimage1}" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="fiftycontent"&gt;&lt;div class="csc-textpic csc-textpic-text"&gt;&lt;a href="index.php?id={field:flexform_link1}"&gt;|&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="fiftylink"&gt;&lt;a href="index.php?id={field:flexform_link1}"&gt;&lt;img src="{$tmplpath}images/button.png" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
                      20.insertData = 1 
                  }
          }
  
  }
  </code></pre>
  
  <hr>
  
  <p>This is the new ts I'm coding, image &amp; button works but the content element part is not displaying properly: </p>
  
  <hr>
  
  <pre><code>tt_content.gridelements_pi1.20.10.setup {
          29 &lt; lib.gridelements.defaultGridSetup
          29 {
          columns {
              20.prepend = COA
              20.prepend.20 = IMAGE
              20.prepend.20.file.import.field = flexform_teaserimage1
              20.insertData = 1           
                      20.prepend.20.stdWrap.typolink.parameter.field = flexform_link1
                      20.prepend.20.wrap  = &lt;div class="csc-textpic csc-textpic-intext-left-nowrap"&gt;&lt;div class="csc-textpic-imagewrap"&gt;|&lt;/div&gt;&lt;/div&gt;
  
                      20.prepend.25 &lt; .default 
  
                      20.prepend.25.outerWrap = &lt;div class="fiftycontent"&gt;&lt;div class="csc-textpic csc-textpic-text"&gt;|&lt;/div&gt;&lt;/div&gt;
                      20.prepend.25.stdWrap.typolink.parameter.field = flexform_link1
              20.prepend.30 = IMAGE
              20.prepend.30.file = {$tmplpath}images/button.png
              20.prepend.30.stdWrap.typolink.parameter.field = flexform_link1
              20.prepend.30.wrap = &lt;div class="fiftylink"&gt;|&lt;/div&gt; 
              20.prepend.wrap = &lt;div class="fifty1"&gt;|&lt;/div&gt;
  
          }
          wrap = &lt;div class="largeteaser"&gt;|&lt;/div&gt;
          }
  
  }
  </code></pre>
  
  <hr>
  
  <p>Basically all I wanted is for "20.prepend.25 &lt; .default" to work, I tried "&lt; tt_content" or 
  "&lt; lib.gridelements.defaultGridSetup.columns.default" , the results are sometimes odd and duplicated many content. How do I get the same behavior as adding "&lt; .default" ? </p>