diff --git a/Configuration/FlexForms/Overview.xml b/Configuration/FlexForms/Overview.xml
index 6ce2261851f82db6014d4a8fe4017aa518e84961..279dd4bed2154801d1f66af0ca9aa74ed9c719a4 100644
--- a/Configuration/FlexForms/Overview.xml
+++ b/Configuration/FlexForms/Overview.xml
@@ -233,6 +233,34 @@
</config>
</TCEforms>
</settings.layout>
+ <settings.gridColumns>
+ <TCEforms>
+ <label>LLL:EXT:sg_news/Resources/Private/Language/locallang_db.xlf:plugin.flexForm.gridColumns</label>
+ <config>
+ <type>select</type>
+ <renderType>selectSingle</renderType>
+ <default>col-md-4 col-sm-6 col-xs-12</default>
+ <items>
+ <numIndex index="0">
+ <numIndex index="0">LLL:EXT:sg_news/Resources/Private/Language/locallang_db.xlf:plugin.flexForm.gridColumns.1</numIndex>
+ <numIndex index="1">col-xs-12</numIndex>
+ </numIndex>
+ <numIndex index="1">
+ <numIndex index="0">LLL:EXT:sg_news/Resources/Private/Language/locallang_db.xlf:plugin.flexForm.gridColumns.2</numIndex>
+ <numIndex index="1">col-sm-6 col-xs-12</numIndex>
+ </numIndex>
+ <numIndex index="2">
+ <numIndex index="0">LLL:EXT:sg_news/Resources/Private/Language/locallang_db.xlf:plugin.flexForm.gridColumns.3</numIndex>
+ <numIndex index="1">col-md-4 col-sm-6 col-xs-12</numIndex>
+ </numIndex>
+ <numIndex index="3">
+ <numIndex index="0">LLL:EXT:sg_news/Resources/Private/Language/locallang_db.xlf:plugin.flexForm.gridColumns.4</numIndex>
+ <numIndex index="1">col-lg-3 col-md-4 col-sm-6 col-xs-12</numIndex>
+ </numIndex>
+ </items>
+ </config>
+ </TCEforms>
+ </settings.gridColumns>
</el>
</ROOT>
</main>
diff --git a/Resources/Private/Language/de.locallang_db.xlf b/Resources/Private/Language/de.locallang_db.xlf
index 249b0d9a2dbb9586064b81a5a52832b50d850bf3..24ab0a7a0f6a39c23173b38e3cdc15b1637ae930 100644
--- a/Resources/Private/Language/de.locallang_db.xlf
+++ b/Resources/Private/Language/de.locallang_db.xlf
@@ -113,6 +113,26 @@
<source><![CDATA[News which are excluded from the list]]></source>
<target><![CDATA[News, welche nicht in der Liste dargestellt werden]]></target>
</trans-unit>
+ <trans-unit id="plugin.flexForm.gridColumns" approved="yes">
+ <source><![CDATA[Columns]]></source>
+ <target><![CDATA[Spalten]]></target>
+ </trans-unit>
+ <trans-unit id="plugin.flexForm.gridColumns.1" approved="yes">
+ <source><![CDATA[1 Column]]></source>
+ <target><![CDATA[1 Spalte]]></target>
+ </trans-unit>
+ <trans-unit id="plugin.flexForm.gridColumns.2" approved="yes">
+ <source><![CDATA[2 Columns]]></source>
+ <target><![CDATA[2 Spalten]]></target>
+ </trans-unit>
+ <trans-unit id="plugin.flexForm.gridColumns.3" approved="yes">
+ <source><![CDATA[3 Columns]]></source>
+ <target><![CDATA[3 Spalten]]></target>
+ </trans-unit>
+ <trans-unit id="plugin.flexForm.gridColumns.4" approved="yes">
+ <source><![CDATA[4 Columns]]></source>
+ <target><![CDATA[4 Spalten]]></target>
+ </trans-unit>
<trans-unit id="plugin.flexForm.layout" approved="yes">
<source><![CDATA[Layout]]></source>
<target><![CDATA[Layout]]></target>
diff --git a/Resources/Private/Language/locallang_db.xlf b/Resources/Private/Language/locallang_db.xlf
index a1abc3a33089a9ae88b519cdcbcaa9cffe9b1825..4d42520c1b82b563b95e9ebf859d6c61489b0978 100644
--- a/Resources/Private/Language/locallang_db.xlf
+++ b/Resources/Private/Language/locallang_db.xlf
@@ -87,6 +87,21 @@
<trans-unit id="plugin.flexForm.excludedNews">
<source><![CDATA[News which are excluded from the list]]></source>
</trans-unit>
+ <trans-unit id="plugin.flexForm.gridColumns">
+ <source><![CDATA[Columns]]></source>
+ </trans-unit>
+ <trans-unit id="plugin.flexForm.gridColumns.1">
+ <source><![CDATA[1 Column]]></source>
+ </trans-unit>
+ <trans-unit id="plugin.flexForm.gridColumns.2">
+ <source><![CDATA[2 Columns]]></source>
+ </trans-unit>
+ <trans-unit id="plugin.flexForm.gridColumns.3">
+ <source><![CDATA[3 Columns]]></source>
+ </trans-unit>
+ <trans-unit id="plugin.flexForm.gridColumns.4">
+ <source><![CDATA[4 Columns]]></source>
+ </trans-unit>
<trans-unit id="plugin.flexForm.layout">
<source><![CDATA[Layout]]></source>
</trans-unit>
diff --git a/Resources/Private/Templates/Overview/Overview.html b/Resources/Private/Templates/Overview/Overview.html
index 6cc96d8d84c29ee7978647ea1e0ab66355eb1bf2..69e998fa065b68a0ffcde8ad8be4f887375bf681 100644
--- a/Resources/Private/Templates/Overview/Overview.html
+++ b/Resources/Private/Templates/Overview/Overview.html
@@ -58,7 +58,7 @@
<ul class="tx-sgnews-list tx-sgnews-list-{dataItems.record.uid} row" data-record="{dataItems.record.uid}">
<f:for each="{dataItems.newsMetaData}" as="newsMetaDataEntry">
<f:if condition="{newsMetaDataEntry.news}">
- <li class="col-md-4 col-sm-6 col-xs-12">
+ <li class="{f:if(condition: '{settings.gridColumns}', then: '{settings.gridColumns}', else: 'col-md-4 col-sm-6 col-xs-12')}">
<f:render partial="Teaser" arguments="{
newsMetaData: newsMetaDataEntry,
headerTag: '<h2>',
@@ -92,7 +92,7 @@
<f:section name="content">
<ul class="tx-sgnews-list tx-sgnews-list-0 row" data-record="0">
<f:for each="{allNews}" as="newsMetaDataEntry">
- <li class="col-md-4 col-sm-6 col-xs-12">
+ <li class="{f:if(condition: '{settings.gridColumns}', then: '{settings.gridColumns}', else: 'col-md-4 col-sm-6 col-xs-12')}">
<f:render partial="Teaser" arguments="{
newsMetaData: newsMetaDataEntry,
headerTag: '<h2>',
diff --git a/Resources/Private/Templates/Overview/OverviewWithoutCategories.html b/Resources/Private/Templates/Overview/OverviewWithoutCategories.html
index e41b2fc4b9b96bd21054ebb41c371f2b1bd5e5b7..94025555e5b72f92f45781ffd9957c60394f3d62 100644
--- a/Resources/Private/Templates/Overview/OverviewWithoutCategories.html
+++ b/Resources/Private/Templates/Overview/OverviewWithoutCategories.html
@@ -18,7 +18,7 @@
<f:then>
<ul class="tx-sgnews-list tx-sgnews-list-0 row" data-record="0">
<f:for each="{newsMetaData}" as="newsMetaDataEntry">
- <li class="col-md-4 col-sm-6 col-xs-12">
+ <li class="{f:if(condition: '{settings.gridColumns}', then: '{settings.gridColumns}', else: 'col-md-4 col-sm-6 col-xs-12')}">
<f:render partial="Teaser" arguments="{
newsMetaData: newsMetaDataEntry,
headerTag: '<h2>',