Hi @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/
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
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/
Hello @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
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
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
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
As you can see on 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
Hello @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/ 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
”As you can see on 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/ 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
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/. The dates monday-sunday were put in rows of 4 columns. but it has dropped down as singular rows
Hi @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
Hi @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
