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 (valid or errors) and the real name of the class, separated by a dot. Example: valid.has-success.

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 field with the name of the field which will be bound to this class.

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>