DEPRECATION WARNING

This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

Fluid Styled Content Layout Wrap

Classification:fsc_layout_wrap
Version:1.1.0
Language:en
Keywords:fsc, fluid styled content, layout
Copyright:2016
Author:Gregor Hermens
Email:gregor.hermens@a-mazing.de
License:This document is published under the Open Publication License available from http://www.opencontent.org/openpub/
Rendered:2017-09-12 12:42

The content of this document is related to TYPO3, a GNU/GPL CMS/Framework available from www.typo3.org.

Introduction

This extension adds a css class to the outermost tag of all content elements, based on the layout field. Use this class to change the layout according to your needs.

Installation

  1. Import from TER.
  2. Include the static template right after the template of Fluid Styled Content.

Configuration

Basic

Use PageTS to set up your own layouts:

TCEFORM.tt_content.layout {
    removeItems = 1,2,3
    addItems {
        4 = Blue Border
        5 = Yellow Background
    }
}

This keeps the standard layout Default, removes the example layouts Layout 1, Layout 2, Layout 3 and adds two new layouts. See PageTS documentation for more details. Use .layout4 and .layout5 as css selectors for these layouts.

Advanced

If you do not like these simple class names, you can use Typoscript Setup to define your own ones:

lib.fscLayoutWrap {
    4 = TEXT
    4.value = your own classes
}

Now, instead of class="layout4", class="your own classes" will be rendered.