Skip Navigation

[Resolved] Drag and drop fields in post form

This support ticket is created 3 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 3 replies, has 2 voices.

Last updated by johnE-5 3 years, 11 months ago.

Assisted by: Minesh.

Author
Posts
#1897197

I'm trying to put 2 fields in one line in a new Post Form using drag and drop but it does not work. I can move fields around, add new fields and remove them just fine.
The form in question is in the contact page (hidden link) I want to place the Submit button on the same line as the reCaptcha.
Hope you can help! Thanks

#1897217

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Can you please share admin access details so I can try to add the Submit button besides the captcha.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

#1897373

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Can you please check now: hidden link

I've adjusted the captcha and submit button fields within the form as given under:

<div class="form-group">
    [cred_i18n type="html" name="scaffold_field_id"]We require this information to respond to your query. Please refer to our Privacy Policy for details.					[/cred_i18n]
</div>
<div class="form-group">
	<div class="col-md-12 classcaptcha">
      	
      	[cred_field field='recaptcha' class='form-control' output='bootstrap']
    	[cred_field field='form_submit' output='bootstrap' value='Submit' class='btn btn-primary btn-lg']     
    </div>
</div>

Also, I've added the following CSS to form's CSS box:

.classcaptcha .js-wpt-field-items { display: inline-block; }
.btn-lg { float:right; }

I can see captcha and submit button displayed side by side.

#1897585

Thank you Minesh!