Hello,

I have a basic form designed to capture visitors basic contact information. What I would like to do is link the full form showing all form fields to a menu item but also display just one field from this same form, i.e. the user's email address input field in a module.

Essentially what I am trying to achieve is provide two avenues on the front end of the website for a user to leave their email address, at least, yet populate one submissions list in the backend.

I could create two forms - the full form with all fields accessed via the menu item and 2nd, abridged form with one field published in a module but then I would have two, unsynchronised submission lists.

I would appreciate feedback on if this is possible and how to go about that.

Many thanks

Hello,

You could try a CSS approach on this. Assuming only the email field is required, you can try applying CSS definitions (while editing a form > Properties > CSS and JavaScript > CSS) within a particular hierarchic manner that uses the module ID/class as a starting reference (or something similar).

This way you can target the fields of one form and have these hidden through CSS from the frontend display. For example you can try the "Adjacent Sibling Selector".