Skip Navigation

[Resolved] 2 form fields side by side – fname lname

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 5 replies, has 2 voices.

Last updated by janeC-2 3 years, 11 months ago.

Assisted by: Minesh.

Author
Posts
#2156853

I'm creating a post form and want to put first name / last name on one line next to each otherr.
I can't work out how to do it..

<div class="form-group">
<label for="%%FORM_ID%%_fname">[cred_i18n name='fname-label']First Name[/cred_i18n]</label>
[cred_field field='fname' force_type='field' class='form-control' output='bootstrap']
</div>
<div class="form-group">
<label for="%%FORM_ID%%_lname">[cred_i18n name='lname-label']Last Name[/cred_i18n]</label>
[cred_field field='lname' force_type='field' class='form-control' output='bootstrap']
</div>

#2157041

Minesh
Supporter

Languages: English (English )

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

Hello. Thank you for contacting the Toolset support.

Toolset Forms supports bootstrap. What if you try to use the following code.

<div class="row">
<div class="form-group col-md-6">
<label for="%%FORM_ID%%_fname">[cred_i18n name='fname-label']First Name[/cred_i18n]</label>
[cred_field field='fname' force_type='field' class='form-control' output='bootstrap']
</div>
<div class="form-group col-md-6">
<label for="%%FORM_ID%%_lname">[cred_i18n name='lname-label']Last Name[/cred_i18n]</label>
[cred_field field='lname' force_type='field' class='form-control' output='bootstrap']
</div>
</div>
#2157695

That didn't work for me but I was able to do it with an HTML table.
However, I thought you used to be able to click and drag 2 fields to a row, when not in expert mode.
Isn't that possible any more?
I haven't used Toolset for a while.

#2157697

I can't seem to get bootstrap to work.

The code you sent doesn't work, so I tried basic bootstrap and this also didn't work.
<div class="row">
<div class="col-md-6">First column</div>
<div class="col-md-6">Second column</div>
</div>

Do I need to call bootstrap somewhere?

#2157925

Minesh
Supporter

Languages: English (English )

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

Have you activated the Bootstrap settings from: Toolset => Settings => General tab => Bootstrap loading section?

#2158115

Ah! I forgot to activate Bootstrap. All good now.
My issue is resolved now. Thank you!