README

Content Visibility

TYPO3 CMS Extension content_visibility

What does it do?

This extension simply inserts a few CSS classes into content elements that are used to display or hide them at certain screen sizes. The visibility of content elements can be conveniently selected via a dropdown menu in the backend. The CSS classes can be freely configured via TypoScript and are preconfigured for use with Twitter Bootstrap.

The extension was originally built for use in combination with EXT:bootstrap_package, but can also be used with EXT:fluid_styled_content (however, the corresponding CSS must be added manually).

Further details on how class-controlled visibility of elements works: https://getbootstrap.com/docs/5.2/utilities/display/#hiding-elements

Installation

1. Install this extension from TER or with Composer
2. Add the provided TypoScript (or Site Set) to your template
3. Use EXT:bootstrap_package or EXT:fluid_styled_content and configure your templates accordingly.