---
title: "Hintergrund mit Grid Elements Data Processing"
url: "https://www.typo3.net/d/128425-hintergrund-mit-grid-elements-data-processing"
source: "typo3.net"
tags: ["Allgemein","Frage","TYPO3 9"]
created: "2020-12-18"
last_reply: "2020-12-18"
replies: 0
solved: false
page: 1
pages: 1
lang: "de"
---

# Hintergrund mit Grid Elements Data Processing

Allgemein · 0 Antworten · gestartet 2020-12-18

## Eröffnungsbeitrag

**Unbekannter Benutzer** · 2020-12-18 · [Beitrag #1](https://www.typo3.net/d/128425-hintergrund-mit-grid-elements-data-processing/1)

Hallo zusammen. Möchte gerne über das Media Feld ein Hintergrund Bild in mein Grid einfügen.

Mein bisheriger Versuch

1. Ich habe im Typoscript Setup den FilesProcessor angelegt

```typoscript
lib.gridelements.defaultGridSetup.cObject =<  lib.contentElement

tt_content.gridelements_pi1.20.10.setup.twocolumnscontainer < lib.gridelements.defaultGridSetup
tt_content.gridelements_pi1.20.10.setup.twocolumnscontainer {
  cObject.templateName = GridElementTwoColumns
    cObject.dataProcessing {
        10 = TYPO3\CMS\Frontend\DataProcessing\FilesProcessor
        10 {
            references.fieldName = media
            as = backgroundimage 
        }

    }
}
```

Dann habe ich in meiner GridElements.tsconfig das Grid Backend Layout angelegt

```typoscript
tx_gridelements.setup.twocolumnscontainer {
  title = Two columns with Background Image
  description = 
  config{
    colCount = 2
    rowCount = 1
    rows {
        1 {
            columns {
                1 {
                    name = column 1
                    colPos = 100
                }
                2 {
                    name = column 2
                    colPos = 101
                }
            }
        }
    }
  }  
}
```

Anschließend habe ich in der TCA/Overrides folgendes angelegt

```php
<?php
defined('TYPO3_MODE') || die();

call_user_func(function()
{
    /**
     * Limit the number of images in "media" for gridelements contents
     */
    $GLOBALS['TCA']['tt_content']['types']['gridelements_pi1']['columnsOverrides']['media']['config']['maxitems']=1;

});
```

Zum Schluss habe ich dann mein Fluid angelegt

```html
<f:if condition="{backgroundimage.0}">
{f:uri.image(image:backgroundimage.0)}
</f:if>
    <div class="container">
        <div class="col-md-6">
            {data.tx_gridelements_view_column_100-> f:format.raw()}
        </div>
        <div class="col-md-6">
            {data.tx_gridelements_view_column_101-> f:format.raw()}
        </div>          
    </div>
```

Die divs werden ausgegeben die Inhalte und das Hintergrundbild leider nicht. Was mache ich falsch? Oder gibt es einen besseren Weg?

---

Quelle: „Hintergrund mit Grid Elements Data Processing“, typo3.net, https://www.typo3.net/d/128425-hintergrund-mit-grid-elements-data-processing
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.