[TASK] Form elements being numerated and hidden elements are visible
[Packages/TYPO3.CMS.git] / typo3 / sysext / form / Configuration / TypoScript / setup.txt
1         # Replace rendering of old mailform
2 tt_content.mailform >
3 tt_content.mailform = COA
4 tt_content.mailform.10 = < lib.stdheader
5 tt_content.mailform.20 = FORM
6 tt_content.mailform.20 {
7         stdWrap.wrap = <div class="csc-mailform">|</div>
8         stdWrap {
9                 editIcons = tt_content: bodytext
10                 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xlf:eIcon.form
11                 prefixComment = 2 | Mail form inserted:
12         }
13 }
14
15         # Include model definition for all available form elements
16 <INCLUDE_TYPOSCRIPT: source="DIR: EXT:form/Configuration/TypoScript/Elements" extensions="ts">
17         # Include definition of filters
18 <INCLUDE_TYPOSCRIPT: source="DIR: EXT:form/Configuration/TypoScript/Filters" extensions="ts">
19         # Include definition of filters
20 <INCLUDE_TYPOSCRIPT: source="DIR: EXT:form/Configuration/TypoScript/Validators" extensions="ts">
21
22 plugin.tx_form {
23         features {
24                 skipDefaultArguments = 1
25         }
26
27         view {
28                 templateRootPaths {
29                         10 = {$plugin.tx_form.view.templateRootPath}
30                 }
31
32                 partialRootPaths {
33                         10 = {$plugin.tx_form.view.partialRootPath}
34                 }
35
36                 layoutRootPaths {
37                         10 = {$plugin.tx_form.view.layoutRootPath}
38                 }
39         }
40
41         _CSS_DEFAULT_STYLE (
42                 div.csc-mailform ol {
43                         list-style-type: none;
44                 }
45
46                 div.csc-mailform ol,
47                 div.csc-mailform ol li {
48                         margin: 0;
49                         padding: 0;
50                 }
51
52                 div.csc-mailform ol li {
53                         overflow: hidden;
54                 }
55
56                 div.csc-mailform fieldset {
57                         margin: 0;
58                         padding: 0;
59                         position: relative;
60                 }
61
62                 div.csc-mailform legend {
63                         margin-left: 1em;
64                         color: #000000;
65                         font-weight: bold;
66                 }
67
68                 div.csc-mailform fieldset ol {
69                         padding: 1em 1em 0 1em;
70                 }
71
72                 div.csc-mailform fieldset li {
73                         padding: 0.5em;
74                         margin-bottom: 0.5em;
75                         list-style: none;
76                 }
77
78                 div.csc-mailform fieldset.submit {
79                         border-style: none;
80                 }
81
82                 /**
83                  * Normal label
84                  * Left aligned, in front of input
85                  */
86                 div.csc-mailform li label {
87                         float: left;
88                         width: 13em;
89                         margin-right: 1em;
90                         vertical-align: baseline;
91                 }
92
93                 div.csc-mailform li input + label,
94                 div.csc-mailform li textarea + label,
95                 div.csc-mailform li select + label {
96                         float: none;
97                         width: auto;
98                         margin-right: 0;
99                         margin-left: 1em;
100                 }
101
102                 div.csc-mailform li textarea + label {
103                         vertical-align: top;
104                 }
105
106                 label em,
107                 legend em {
108                         display: block;
109                         color: #060;
110                         font-size: 85%;
111                         font-style: normal;
112                         text-transform: uppercase;
113                 }
114
115                 legend em {
116                         position: absolute;
117                 }
118
119                 label strong,
120                 legend strong {
121                         display: block;
122                         color: #C00;
123                         font-size: 85%;
124                         font-weight: normal;
125                         text-transform: uppercase;
126                 }
127
128                 legend strong {
129                         position: absolute;
130                         top: 1.4em;
131                 }
132
133                 /**
134                  * Labels alignment right
135                  */
136                 .labels-alignment-right label,
137                 .labels-alignment-right .fieldset-subgroup legend,
138                 .labels-alignment-right.fieldset-subgroup legend {
139                         text-align: right;
140                 }
141
142                 /**
143                  * Horizontal fieldset
144                  */
145                 fieldset.fieldset-horizontal {
146                         border-width: 0;
147                 }
148
149                 fieldset.fieldset-horizontal ol {
150                         padding: 0;
151                 }
152
153                 fieldset.fieldset-horizontal li {
154                         float: left;
155                         padding: 0;
156                         margin-right: 1em;
157                 }
158
159                 fieldset.fieldset-horizontal.label-below label {
160                         display: block;
161                         margin-left: 0;
162                         margin-top: 0.2em;
163                         font-size: 90%;
164                         color: #999999;
165                         text-align: left;
166                 }
167
168                 fieldset.fieldset-horizontal label em {
169                         display: inline;
170                 }
171
172                 /**
173                  * Subgroup fieldset
174                  */
175                 fieldset.fieldset-subgroup {
176                         margin-bottom: -2em;
177                         border-style: none;
178                 }
179
180                 fieldset.fieldset-subgroup legend {
181                         margin-left: 0;
182                         padding: 0;
183                         font-weight: normal;
184                         width: 13em;
185                 }
186
187                 fieldset.fieldset-subgroup ol {
188                         position: relative;
189                         top: -1.4em;
190                         margin: 0 0 0 14em;
191                         padding: 0;
192                 }
193
194                 fieldset.fieldset-subgroup li {
195                         padding: 0;
196                 }
197
198                 fieldset.fieldset-subgroup input + label {
199                         float: none;
200                         width: auto;
201                         display: inline;
202                         margin: 0 0 0 1em;
203                 }
204
205                 /**
206                  * Labels as block
207                  * Labels displayed above or below the input fields
208                  */
209                 .labels-block label {
210                         display: block;
211                         float: none;
212                         margin: 0 0 0.5em;
213                         width: auto;
214                 }
215
216                 .labels-block input + label,
217                 .labels-block textarea + label {
218                         margin: 0.5em 0 0;
219                 }
220
221                 .labels-block fieldset.fieldset-subgroup,
222                 fieldset.labels-block.fieldset-subgroup {
223                         margin-bottom: 0;
224                 }
225
226                 .labels-block .fieldset-subgroup legend,
227                 .labels-block.fieldset-subgroup legend {
228                         width: auto;
229                 }
230
231                 .labels-block .fieldset-subgroup legend em,
232                 .labels-block.fieldset-subgroup legend em {
233                         position: relative;
234                 }
235
236                 .labels-block .fieldset-subgroup legend strong,
237                 .labels-block.fieldset-subgroup legend strong {
238                         position: relative;
239                         top: 0;
240                 }
241
242                 .labels-block .fieldset-subgroup ol,
243                 .labels-block.fieldset-subgroup ol {
244                         top: 0;
245                         margin: 0;
246                         padding: 0.5em 0 0;
247                 }
248
249                 /**
250                  * hide hidden elements
251                  */
252                 .csc-form-element-hidden {
253                         display: none;
254                 }
255         )
256 }