I have an existing form with some main and conditional fields.
I want the conditional fields to show as a floating pop-up beside the main fields (instead of having that conditional fields showing within the page/form itself), but there seems to have no native way of doing it. Any input on how I could do it?
Thanks!
@user61b1002b7c82f191 Add Javascript to an HTML field inside your form.
// Change field_4_5 with the field that doesn't have the condition added to it.
// Change input_4_6 to the field you want to appear next to the first field.
<script>
window.onload = function joinFields() {
document.getElementById("field_4_5").appendChild(input_4_6);
}
</script>
Then add some CSS
/* Change #input_4_6 with the ID of the field you want to appear next to your first field. */
#input_4_6 {
position: relative;
left: 108%;
top: -40px;
width: 32%;
}
Here is the output
If you need any further help maybe someone from Gravity Forms can chime in.
2 Likes
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.