Styleguide Navigation

Contact Type Form

Form to select the type of contact request


The structure for this form is encoded in the IDs of the .ContactTypeFormStep fieldset elements and the .OptionInput inputs. They need to follow a structure where the names of the single steps are separated by double underscores __ like this:

#fieldset__request-type will contain inputs that point to the next step, for example #input__request-type__system-access will show #fieldset__request-type__system-access when selected.

Only the ID matters here. The name and value attributes of the inputs can be chosen how you want them to be, they are NOT used in JS to determine anything.


Certain fieldset elements will need the additional data-contacttypeform-depth-attribute to make the pagination work. Set it on the first element where we know how many steps are going to follow (with the current specs that is the first step after the "root".