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

.. include:: ../../../Includes.txt


.. _administrators_whatsnew_4x_4007000:

4.7
===

If you update from smaller than 4.6.5 please respect the both **You MUST / You SHOULD**
at :ref:`4.6 <administrators_whatsnew_4x_4006000>`.


Features
--------

Background Image for Grid Elements
''''''''''''''''''''''''''''''''''

* :ref:`Users > Best Practice > Gridelements > Background Image <users_bestpractice_gridelements_backgroundimage>`


Bootstrap support for Grid Elements
'''''''''''''''''''''''''''''''''''

You have to include a the new static template only:

* Start [20.4.1] Gridelements (Bootstrap)


RTE with additional Features
''''''''''''''''''''''''''''

* Color Button. Details @ :ref:`Aministrators > Best Practice > RTE > Plugins <administrators_bestpractice_rte_plugins>`

* Spell checking. Details 

	* for :ref:`Aministrators <administrators_bestpractice_rte_searchspellcheckyoutube>`

	* for :ref:`Users <users_bestpractice_spellcheck>`


Width of columns by Constant Editor
'''''''''''''''''''''''''''''''''''

Backend layout: width of columns can configured by the Constant Editor. See

* :ref:`Administrators > Best Practice > Html > Column width <administrators_bestpractice_html_columnwidth>`



Improvements
------------


CSS Grid Layout
'''''''''''''''

CSS is improved: 

From 5.0

* .main .left, .main .main or .main .right

To 4.6:

* .maincontentleft, .maincontentmain, .maincontentright [DEPRECATED]


HTML/CSS Grid Elements
''''''''''''''''''''''

If the CSS class property contains a value, the grid element gets a div wrap with 
this value as the CSS class.

Examples:

* value is empty:				<div class="row">{gridelement}</div>

* value is "container": <div class="container"><div class="row">{gridelement}</div></div>


Margin columns are visible on mobile devices
''''''''''''''''''''''''''''''''''''''''''''

Backend layout: margin columns are displayed in small view too. CSS class "show-for-medium-up" is moved to "small-12".
If you don't like it, please configure

.. code:: php

  page.63148.start__[layout].settings { ... }


TypoScript
''''''''''

If you are using own fluid templates, please note #i0224 in the `ChangeLog <https://gitlab.die-netzmacher.de/typo3/start/blob/master/ChangeLog>`_