title: TYPO3 gridelements: Render image from FlexForm FAL field
body: <p>I'm trying to render multiple FCE (gridelements content elements) of the same type. However, images are not rendered.  </p>
  
  <p>The flexform defining that FCE has an image field exactly like this:</p>
  
  <pre><code>&lt;image&gt;
      &lt;TCEforms&gt;
          &lt;config&gt;
              &lt;type&gt;inline&lt;/type&gt;
              &lt;appearance type="array"&gt;
                  &lt;createNewRelationLinkTitle&gt;LLL:EXT:myext/Resources/Private/Language/locallang_db.xlf:createNewRelationLinkTitle&lt;/createNewRelationLinkTitle&gt;
                  &lt;headerThumbnail type="array"&gt;
                      &lt;field&gt;uid_local&lt;/field&gt;
                      &lt;height&gt;45c&lt;/height&gt;
                      &lt;width&gt;45&lt;/width&gt;
                  &lt;/headerThumbnail&gt;
              &lt;/appearance&gt;
              &lt;foreign_field&gt;uid_foreign&lt;/foreign_field&gt;
              &lt;foreign_label&gt;uid_local&lt;/foreign_label&gt;
              &lt;foreign_match_fields type="array"&gt;
                  &lt;fieldname&gt;image&lt;/fieldname&gt;
              &lt;/foreign_match_fields&gt;
              &lt;foreign_selector&gt;uid_local&lt;/foreign_selector&gt;
              &lt;foreign_selector_fieldTcaOverride type="array"&gt;
                  &lt;config type="array"&gt;
                      &lt;appearance type="array"&gt;
                          &lt;elementBrowserAllowed&gt;gif,jpg,jpeg,tif,tiff,bmp,pcx,tga,png,pdf,ai&lt;/elementBrowserAllowed&gt;
                          &lt;elementBrowserType&gt;file&lt;/elementBrowserType&gt;
                      &lt;/appearance&gt;
                  &lt;/config&gt;
              &lt;/foreign_selector_fieldTcaOverride&gt;
              &lt;foreign_sortby&gt;sorting_foreign&lt;/foreign_sortby&gt;
              &lt;foreign_table&gt;sys_file_reference&lt;/foreign_table&gt;
              &lt;foreign_table_field&gt;tablenames&lt;/foreign_table_field&gt;
              &lt;maxitems&gt;1&lt;/maxitems&gt;
              &lt;minitems&gt;0&lt;/minitems&gt;
          &lt;/config&gt;
      &lt;/TCEforms&gt;
  &lt;/image&gt;
  </code></pre>
  
  <p>The TypoScript defining the element looks this way:</p>
  
  <pre><code>tt_content.gridelements_pi1.20.10.setup {
    3 &lt; lib.gridelements.defaultGridSetup
    3 {
      stdWrap.cObject = COA
      stdWrap.cObject {
        10 = IMAGE
        10 {
          stdWrap.wrap = &lt;div class="media-left"&gt;|&lt;/div&gt;
          file {
            import.data = field:flexform_image
            treatIdAsReference = 1
            import.listNum = 0
          }
        }
      }
    }
  }
  </code></pre>
  
  <p><strong>The issue</strong>
  When putting on element onto a page, the image is displayed. Putting multiple elements on the same page leads to each element rendering the image from the first FCE put onto the page. As soon as I edit an FCE (e.g. the second placed element), no images are displayed at all.</p>
  
  <p>How can I solve this?</p>