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.
Class¶
This ViewHelper handles dynamic classes defined in TypoScript (see chapter “Dynamic classes”).
It works like this: you use this ViewHelper for a field of a form, to initialize a CSS class of a given category (valid
or errors
). This class will be activated only when the field is in this category.
Read the example below to understand easily how it works.
Note
The behaviour is handled both by PHP and JavaScript. You only have to use this ViewHelper, FormZ handles the rest.
Arguments¶
Argument | Description |
---|---|
* name |
Name of the class. Must be the combination of the class group ( It must be a class defined in TypoScript (see chapter “Dynamic classes”). |
field |
If for any reason you are using this ViewHelper inside the ViewHelper Field,
you can fill the argument It must be a valid field name for the current form. |
Example¶
We want the field email
to have the class has-success
if it passed all its validation rules.
First write the class registration in TypoScript:
1 2 3 4 5 | config.tx_formz.view.classes {
valid {
has-success = has-success
}
}
|
You may then use it in the template:
1 2 3 4 5 6 7 8 9 10 11 | {namespace fz=Romm\Formz\ViewHelpers}
<fz:form action="submitForm" name="myForm">
<fz:field name="email" layout="default">
<f:form.textfield property="{fieldName}" id="{fieldId}"
class="{fz:class(name: 'valid.has-success')}"
placeholder="Email" />
</fz:field>
</fz:form>
|