.. ==================================================
.. FOR YOUR INFORMATION
.. --------------------------------------------------
.. -*- coding: utf-8 -*- with BOM.


Teaser Container
================

.. only:: html

**The rows and columns are defined as grid in the TeaserContainer Template:**

.. code-block:: html

	<f:if condition="{data_teaser_container_content}">
	    <div class="grid grid--stretch">
	        <f:for each="{data_teaser_container_content}" as="teaser">
	            <div class="grid__column grid__column--sm-6 grid__column--md-4 grid__column--lg-4 grid__column--xl-3">
	                <f:render partial="TeaserContainer/TeaserItem" arguments="{data: teaser.data, teaser_image: teaser.teaser_image.0}"/>
	            </div>
	        </f:for>
	    </div>
	</f:if>

Developers can overwrite any ContentElement templates of the higher education package, see :ref:`OverridingtheFLUIDtemplates-label`.


.. note::

	**Corresponding Files**

	*Styling:*

	``EXT:higher_education_package/Resources/Private/Scss/Module/_teaserbox.scss``

	*Templates:*

	``EXT:higher_education_package/Resources/Private/Templates/ContentElements/TeaserContainer.html``
	``EXT:higher_education_package/Resources/Private/Partials/ContentElements/TeaserContainer/TeaserItem.html``

	*BE Preview Template:*

	``EXT:higher_education_package/Resources/Private/Backend/Templates/ContentElements/Teaser.html``

	*Setup:*

	``EXT:higher_education_package/Configuration/TypoScript/Setup/ContentElements/Teaser.typoscript``
	``EXT:higher_education_package/Configuration/TypoScript/Setup/ContentElements/TeaserContainer.typoscript``

	*PageTS:*

	``EXT:higher_education_package/Configuration/PageTS/ContentElements/TeaserContainer.typoscript``