[!!!][FEATURE] Streamline Fluid Styled Content and CSS Styled Content
[Packages/TYPO3.CMS.git] / typo3 / sysext / css_styled_content / Configuration / TypoScript / ContentElement / Textmedia.txt
1 # Text & Media:
2 # Any number of media wrapped right around a regular text element.
3 #
4 # CType: textmedia
5
6 tt_content.textmedia = CASE
7 tt_content.textmedia {
8
9     key.field = imageorient
10
11     default = COA
12     default {
13         10 = < lib.stdheader
14         20 = FLUIDTEMPLATE
15         20 {
16             templateName = Textmedia
17             templateRootPaths {
18                 0 = EXT:css_styled_content/Resources/Private/Templates/
19             }
20             partialRootPaths {
21                 0 = EXT:css_styled_content/Resources/Private/Partials/
22             }
23             layoutRootPaths {
24                 0 = EXT:css_styled_content/Resources/Private/Layouts/
25             }
26             settings {
27                 media {
28                     popup {
29                         bodyTag = <body style="margin:0; background:#fff;">
30                         wrap = <a href="javascript:close();"> | </a>
31                         width = {$styles.content.textmedia.linkWrap.width}
32                         height = {$styles.content.textmedia.linkWrap.height}
33                         crop.data = file:current:crop
34                         JSwindow = 1
35                         JSwindow {
36                             newWindow = {$styles.content.textmedia.linkWrap.newWindow}
37                             if.isFalse = {$styles.content.textmedia.linkWrap.lightboxEnabled}
38                         }
39                         directImageLink = {$styles.content.textmedia.linkWrap.lightboxEnabled}
40                         linkParams.ATagParams.dataWrap =  class="{$styles.content.textmedia.linkWrap.lightboxCssClass}" rel="{$styles.content.textmedia.linkWrap.lightboxRelAttribute}"
41                     }
42                 }
43             }
44             dataProcessing {
45                 10 = TYPO3\CMS\Frontend\DataProcessing\FilesProcessor
46                 10 {
47                     references.fieldName = assets
48                 }
49                 20 = TYPO3\CMS\Frontend\DataProcessing\GalleryProcessor
50                 20 {
51                     maxGalleryWidth = {$styles.content.textmedia.maxW}
52                     maxGalleryWidthInText = {$styles.content.textmedia.maxWInText}
53                     columnSpacing = {$styles.content.textmedia.columnSpacing}
54                     borderWidth = {$styles.content.textmedia.borderWidth}
55                     borderPadding = {$styles.content.textmedia.borderPadding}
56                 }
57             }
58         }
59         30 = < tt_content.text.20
60     }
61
62     # Text And Media - Above center
63     0 = COA
64     0 {
65         10 = < tt_content.textmedia.default.10
66         20 = < tt_content.textmedia.default.20
67         30 = < tt_content.textmedia.default.30
68         30.wrap = <div class="csc-textmedia-text"> | </div>
69         wrap = <div class="csc-textmedia csc-textmedia-above csc-textmedia-above-center">|</div>
70     }
71
72     # Text And Media - Above right
73     1 = COA
74     1 {
75         10 = < tt_content.textmedia.default.10
76         20 = < tt_content.textmedia.default.20
77         30 = < tt_content.textmedia.default.30
78         30.wrap = <div class="csc-textmedia-text"> | </div>
79         wrap = <div class="csc-textmedia csc-textmedia-above csc-textmedia-above-right">|</div>
80     }
81
82     # Text And Media - Above left
83     2 = COA
84     2 {
85         10 = < tt_content.textmedia.default.10
86         20 = < tt_content.textmedia.default.20
87         30 = < tt_content.textmedia.default.30
88         30.wrap = <div class="csc-textmedia-text"> | </div>
89         wrap = <div class="csc-textmedia csc-textmedia-above csc-textmedia-above-left">|</div>
90     }
91
92     # Text And Media - Below center
93     8 = COA
94     8 {
95         10 = < tt_content.textmedia.default.10
96         20 = < tt_content.textmedia.default.30
97         20.wrap = <div class="csc-textmedia-text"> | </div>
98         30 = < tt_content.textmedia.default.20
99         wrap = <div class="csc-textmedia csc-textmedia-below csc-textmedia-below-center">|</div>
100     }
101
102     # Text And Media - Below right
103     9 = COA
104     9 {
105         10 = < tt_content.textmedia.default.10
106         20 = < tt_content.textmedia.default.30
107         20.wrap = <div class="csc-textmedia-text"> | </div>
108         30 = < tt_content.textmedia.default.20
109         wrap = <div class="csc-textmedia csc-textmedia-below csc-textmedia-below-right">|</div>
110     }
111
112     # Text And Media - Below left
113     10 = COA
114     10 {
115         10 = < tt_content.textmedia.default.10
116         20 = < tt_content.textmedia.default.30
117         20.wrap = <div class="csc-textmedia-text"> | </div>
118         30 = < tt_content.textmedia.default.20
119         wrap = <div class="csc-textmedia csc-textmedia-below csc-textmedia-below-left">|</div>
120     }
121
122     # Text And Media - In text, right
123     17 = COA
124     17 {
125         10 = < tt_content.textmedia.default.10
126         20 = COA
127         20 {
128             10 = < tt_content.textmedia.default.20
129             20 = < tt_content.textmedia.default.30
130             20.wrap = <div class="csc-textmedia-text"> | </div>
131             wrap = <div class="csc-textmedia csc-textmedia-inside csc-textmedia-inside-right">|</div>
132         }
133     }
134
135     # Text And Media - In text, left
136     18 = COA
137     18 {
138         10 = < tt_content.textmedia.default.10
139         20 = COA
140         20 {
141             10 = < tt_content.textmedia.default.20
142             20 = < tt_content.textmedia.default.30
143             20.wrap = <div class="csc-textmedia-text"> | </div>
144             wrap = <div class="csc-textmedia csc-textmedia-inside csc-textmedia-inside-left">|</div>
145         }
146     }
147
148     # Text And Media - Beside text, right
149     25 = COA
150     25 {
151         10 = < tt_content.textmedia.default.20
152         20 = COA
153         20 {
154             10 = < tt_content.textmedia.default.10
155             20 = < tt_content.textmedia.default.30
156             wrap = <div class="csc-textmedia-text"> | </div>
157         }
158         wrap = <div class="csc-textmedia csc-textmedia-beside csc-textmedia-beside-right">|</div>
159     }
160
161     # Text And Media - Beside text, left
162     26 = COA
163     26 {
164         10 = < tt_content.textmedia.default.20
165         20 = COA
166         20 {
167             10 = < tt_content.textmedia.default.10
168             20 = < tt_content.textmedia.default.30
169             wrap = <div class="csc-textmedia-text"> | </div>
170         }
171         wrap = <div class="csc-textmedia csc-textmedia-beside csc-textmedia-beside-left">|</div>
172     }
173
174     stdWrap {
175         editIcons = tt_content: header [header_layout], bodytext, assets [imageorient|imagewidth|imageheight], [imagecols|imageborder], image_zoom
176         editIcons {
177             iconTitle.data = LLL:EXT:css_styled_content/Resources/Private/Language/locallang.xlf:eIcon.textMedia
178         }
179     }
180 }