Creating a floating field within a form

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.