Navigation überspringen

[Gelöst] 2 form fields side by side – fname lname

This support ticket is created vor 4 years, 9 months. 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 -

Zeitzone des Unterstützers: Asia/Kolkata (GMT+05:30)

Dieses Thema enthält 5 Antworten, hat 2 Stimmen.

Zuletzt aktualisiert von janeC-2 vor 4 years, 9 months.

Assistiert von: Minesh.

Author
Artikel
#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
Unterstützer

Sprachen: Englisch (English )

Zeitzone: 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
Unterstützer

Sprachen: Englisch (English )

Zeitzone: 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!