.. _templatingExamples:

=========
Templates
=========

.. container:: row m-0 p-0

   .. container:: col-12 col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: :ref:`Getting started <templatingStart>`

         .. container:: card-body

            on using Fluid templates with EXT:news

   .. container:: col-12 col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: :ref:`Bootstrap Templates <templatesBootstrap>`

         .. container:: card-body

            Include the templates for Twitter Bootstrap version 3 or 5 provided
            by this extension.

   .. container:: col-12 col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: :ref:`Assorted snippets <templatesSnippets>`

         .. container:: card-body

            Helpful Fluid Snippets that you can use in your own news templates.

   .. container:: col-12 col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: :ref:`ViewHelpers <viewHelpersTutorial>`

         .. container:: card-body

            A quick tutorial on how to use ViewHelpers in Fluid

   .. container:: col-12 col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: :ref:`Template Selector <templatesSelector>`

         .. container:: card-body

            Use this technique to provide different templates for the list view
            and enable your editors to chose between them in the plugin settings.

   .. container:: col-12 col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: :ref:`Render content elements <renderContentElements>`

         .. container:: card-body

            Influence how content elements used within news records should be
            rendered.

   .. container:: col-12 col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: :ref:`Group news records <templatesGroupNews>`

         .. container:: card-body

            Group news by a certain property in the output.

   .. container:: col-12 col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: :ref:`Group news records <templatesMultipleCats>`

         .. container:: card-body

            Filter news by multiple categories.

   .. container:: col-12 col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: :ref:`overwriteDemand <templatesMultipleCats>`

         .. container:: card-body

            Set overwriteDemand in links.

.. toctree::
   :maxdepth: 5
   :titlesonly:
   :hidden:

   Start/Index
   TwitterBootstrap/Index
   Snippets/Index
   ViewHelpers/Index
   TemplateSelector/Index
   RenderContentElements/Index
   GroupNewsRecords/Index
   MultiCategorySelection/Index
   OverwriteDemandInFrontend/Index