Title: Making a specific form
Last modified: October 19, 2020

---

# Making a specific form

 *  Resolved [sammezza96](https://wordpress.org/support/users/sammezza96/)
 * (@sammezza96)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/making-a-specific-form-2/)
 * Is there anyway of creating a form so when you click on the checkbox, it then
   lists down fields in which you can type in things like the one on [http://www.ventaestateagents.co.uk/alerts](http://www.ventaestateagents.co.uk/alerts)
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmaking-a-specific-form-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 11 replies - 1 through 11 (of 11 total)

 *  [Kris – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport13/)
 * (@wpmudevsupport13)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/making-a-specific-form-2/#post-13558626)
 * Hi [@sammezza96](https://wordpress.org/support/users/sammezza96/)
 * I hope you are doing good today.
 * This should be possible with our Conditional Logic feature in Forminator.
    Please
   check our docs: [https://premium.wpmudev.org/docs/wpmu-dev-plugins/forminator/](https://premium.wpmudev.org/docs/wpmu-dev-plugins/forminator/)
   and section “Conditional Logic”.
 * After you will set up a Conditional Logic for all fields which should be hidden,
   you can also add for those fields an additional CSS class that could cover similar
   CSS animation.
 * For example:
    if you add this CSS class to all those fields “animate_my_fields”,
   later on add the below CSS is Appearance -> Customize -> Additional CSS:
 *     ```
       .animate_my_fields
       {
       -webkit-animation: fadeInFromNone 0.5s ease-out;
       -moz-animation: fadeInFromNone 0.5s ease-out;
       -o-animation: fadeInFromNone 0.5s ease-out;
       animation: fadeInFromNone 0.5s ease-out;
       }
   
       @-webkit-keyframes fadeInFromNone {
           0% {
               display: none;
               opacity: 0;
           }
   
           1% {
               display: block;
               opacity: 0;
           }
   
           100% {
               display: block;
               opacity: 1;
           }
       }
       ```
   
 * Kind Regards,
    Kris
 *  Thread Starter [sammezza96](https://wordpress.org/support/users/sammezza96/)
 * (@sammezza96)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/making-a-specific-form-2/#post-13561942)
 * Hey, that confused we quite a bit aha. I want to be able to drop down fields 
   if the checkbox has been clicked. Only those two fields displayed on here. As
   you can see, I have got the checkboxes already on this webpage on my website 
   [https://salon2let.co.uk/register/](https://salon2let.co.uk/register/)
 *  Plugin Support [Saurabh – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support7/)
 * (@wpmudev-support7)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/making-a-specific-form-2/#post-13567883)
 * Hello [@sammezza96](https://wordpress.org/support/users/sammezza96/),
 * The design frame would be slightly different from what you linked to the page
   but the same can be achieved as my colleague Kris suggested. I have made a form
   which would display how to achieve the said thing. Here is the form export for
   the same:
    [https://pastebin.com/HutntSz7](https://pastebin.com/HutntSz7)
 * You can import it by navigating your site WP-Admin Dashbaord-> Forminator-> Import.
   Kindly check the two location and number field visibility conditions to understand
   how that works. Do let me know if that helps.
 * Thank you,
    Prathamesh Palve
 *  Thread Starter [sammezza96](https://wordpress.org/support/users/sammezza96/)
 * (@sammezza96)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/making-a-specific-form-2/#post-13568332)
 * thank you very much. How do u have it so you can only tick one box at a time.
   You can tick both and both the drop down menus come down and it looks silly
 *  Thread Starter [sammezza96](https://wordpress.org/support/users/sammezza96/)
 * (@sammezza96)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/making-a-specific-form-2/#post-13568355)
 * Is there anyway of putting the checkboxes in a square bit like the one on venta
   estate agents just to make it look bit more flashier
 *  Thread Starter [sammezza96](https://wordpress.org/support/users/sammezza96/)
 * (@sammezza96)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/making-a-specific-form-2/#post-13568383)
 * As you can see on [https://salon2let.co.uk/register/](https://salon2let.co.uk/register/)
   When I click on a checkbox, it lists all the fields singular in the drop down.
   On my actual template, I have put them side by 2 by 2 in columns? is there a 
   reason for this
 *  Plugin Support [Saurabh – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support7/)
 * (@wpmudev-support7)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/making-a-specific-form-2/#post-13573395)
 * Hello [@sammezza96](https://wordpress.org/support/users/sammezza96/),
 * > How do u have it so you can only tick one box at a time.
 * Do you mean to say you want to have a single selection on the check box? If yes,
   I’m afraid that would not be possible as of now but you can use a select field
   for the same and set it to single type which would allow the user only single
   selection at any point of time.
 * > Is there any way of putting the checkboxes in a square bit like the one on 
   > venta estate agents just to make it look bit flashier
 * I’m afraid this would require custom code and the said design type is not what
   is inbuilt but you may choose to customize the code your end.
 * >  As you can see on [https://salon2let.co.uk/register/](https://salon2let.co.uk/register/)
   > When I click on a checkbox, it lists all the fields singular in the dropdown.
   > On my actual template, I have put them side by 2 by 2 in columns? is there 
   > a reason for this
 * You can edit the form and drag and drop the field as you want beside each other
   wherever you like. You can have up to four fields side by side in one line.
 * I hope this helps you. Do let me know if you have any doubts or need any help.
 * Thank you,
    Prathamesh Palve
 *  Thread Starter [sammezza96](https://wordpress.org/support/users/sammezza96/)
 * (@sammezza96)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/making-a-specific-form-2/#post-13580790)
 * ”As you can see on [https://salon2let.co.uk/register/](https://salon2let.co.uk/register/)
   When I click on a checkbox, it lists all the fields singular in the dropdown.
   On my actual template, I have put them side by 2 by 2 in columns? is there a 
   reason for this
 * You can edit the form and drag and drop the field as you want beside each other
   wherever you like. You can have up to four fields side by side in one line.
 * I hope this helps you. Do let me know if you have any doubts or need any help”
 * Quoting this question. That is something I have done on the forminator plugin
   and what it appear on the preview but on [https://salon2let.co.uk/register/](https://salon2let.co.uk/register/)
   when I’ve inserted into the page, it drops down in singular rows and not how 
   I made it on forminator. Would be easier if I could printscreen on here
 *  Thread Starter [sammezza96](https://wordpress.org/support/users/sammezza96/)
 * (@sammezza96)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/making-a-specific-form-2/#post-13580799)
 * The same happens for when I click ‘book a viewing’ button on the right hand side
   on property pages like [https://salon2let.co.uk/properties/medina-road-b11-3sa/](https://salon2let.co.uk/properties/medina-road-b11-3sa/).
   The dates monday-sunday were put in rows of 4 columns. but it has dropped down
   as singular rows
 *  Plugin Support [Laura – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support8/)
 * (@wpmudev-support8)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/making-a-specific-form-2/#post-13581140)
 * Hi [@sammezza96](https://wordpress.org/support/users/sammezza96/)
 * Would you, please, export the form in question and provide us with export file(
   share it please via your Google Drive, Dropbox or similar file storage or via
   pastebin.com service)?
 * The form can be exported using “export” option under the “gear” icon on form 
   list. We could then import it to test site and it would help check/test to see
   if it’s correctly set for such column layout and if so – why it doesn’t behave
   as expected.
 * Best regards,
    Adam
 *  Plugin Support [Patrick – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport12/)
 * (@wpmudevsupport12)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/making-a-specific-form-2/#post-13606030)
 * Hi [@sammezza96](https://wordpress.org/support/users/sammezza96/)
 * I hope you are doing well.
 * We haven’t heard from you in a while, I’ll go and mark this thread as resolved.
 * However, feel free to let us know if you have any additional question or problem.
 * Best Regards
    Patrick Freitas

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Making a specific form’ is closed to new replies.

 * ![](https://ps.w.org/forminator/assets/icon-256x256.gif?rev=3443182)
 * [Forminator Forms – Contact Form, Payment Form & Custom Form Builder](https://wordpress.org/plugins/forminator/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/forminator/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/forminator/)
 * [Active Topics](https://wordpress.org/support/plugin/forminator/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/forminator/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/forminator/reviews/)

 * 11 replies
 * 5 participants
 * Last reply from: [Patrick – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport12/)
 * Last activity: [5 years, 6 months ago](https://wordpress.org/support/topic/making-a-specific-form-2/#post-13606030)
 * Status: resolved