Configuring CSS

If needed, you can add classes to these parts by adding them to your TypoScript setup (in the template). Let’s look at how the Seminar Manager extension uses this librarie’s functions:

By default, the organizer field in the ListView has no class added to keep the HTML-Output as clean as possible. It looks like this:

[...]<td>[name of the organizer]<td>[...]

If you add the following line to your setup,

plugin.tx_seminars_pi1.class_listorganizers  = organizers

the output shows us the following:

[...]<td class="tx-seminars-pi1-organizers">[name of the organizer]</td>[...]

So the resulting class name will be tx-seminars-pi1 and the value from the corresponding TS rule appended. Please not that the last part of the name in the TS setup (“class_listorganizers”) needs to match the string in the HTML template (“###CLASS_LISTORGANIZERS###”). The only difference lies in the capitalization and the “###”.

Then you can add a rule like this to your CSS file:

.tx-seminars-pi1-organizers {
 ...;
}