When using conditional groups in the forms, it turns into a lot of whitespace. Proper CSS can remove this. I remember reporting this over a year ago. It would be great if it would be fixed as it now stops me from using this.
Hello. Thank you for contacting the Toolset support.
Can you please share problem URL where you added the form as well as admin access details and also tell me on what field you added the conditional form group?
*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin) 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.
This was not Toolset issue at all but how you added the conditional groups to your form.
I've adjusted the coditional group for your form as given under:
=> hidden link
[credform]
<div class="container-fluid">
<div class="row d-none">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%_tribe-id">[cred_i18n name='tribe-id-label']Tribe[/cred_i18n]</label>
[cred_field field='tribe-id' force_type='field' class='form-control' output='bootstrap' select_text='--- not set ---' author='$current' value='[wpv-post-id]']
</div>
</div>
<div class="row">
<div class="col-md-12">
[cred_field field='form_messages' class='alert alert-warning']
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="%%FORM_ID%%_tribe-content-publish">[cred_i18n name='tribe-content-publish-label']Publish to:[/cred_i18n] <span class="badge badge-danger">Required</span></label>
[cred_field field='tribe-content-publish' force_type='field' class='form-control' output='bootstrap']
</div>
<div class="form-group col-md-6">
<label for="%%FORM_ID%%_tribe-post-type">[cred_i18n name='tribe-post-type-label']Post Type:[/cred_i18n] <span class="badge badge-danger">Required</span></label>
[cred_field field='tribe-post-type' force_type='field' class='form-control' output='bootstrap']
</div>
</div>
[cred_show_group if="( $(tribe-post-type) eq 'Coupon' ) OR ( $(tribe-post-type) eq 'Promotion' ) OR ( $(tribe-post-type) eq 'Link' )" mode="fade-slide"]
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
[cred_i18n type="html" name="scaffold_field_id"]<p><i class="bi bi-info-square-fill"></i> Please note that commercial content posted for or by indivuals is only allowed by members with a Gold or Platinum subscription. Commercial content by companies/businesses is only allowed by members with a Platinum subscription.</p>[/cred_i18n]
</div>
</div>
</div>
</div>
[/cred_show_group]
[cred_show_group if="( $(tribe-post-type) eq 'Combo' )" mode="fade-slide"]
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
[cred_i18n type="html" name="scaffold_field_id"]<p><i class="bi bi-info-square-fill"></i> For a kettlebell combo you can select up to 5 exercises and a minimum of 2 are required. You can define more details like reps, rounds, rest, and more in the content.</p>[/cred_i18n]
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="%%FORM_ID%%_tribe-content-first-exercise">[cred_i18n name='tribe-content-first-exercise-label']First Exercise:[/cred_i18n]</label>
[cred_field field='tribe-content-first-exercise' force_type='field' class='form-control' output='bootstrap' select_text='--- not set ---']
</div>
<div class="form-group col-md-6">
<label for="%%FORM_ID%%_tribe-content-second-exercise">[cred_i18n name='tribe-content-second-exercise-label']Second Exercise:[/cred_i18n]</label>
[cred_field field='tribe-content-second-exercise' force_type='field' class='form-control' output='bootstrap' select_text='--- not set ---']
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="%%FORM_ID%%_tribe-content-third-exercise">[cred_i18n name='tribe-content-third-exercise-label']Third Exercise:[/cred_i18n]</label>
[cred_field field='tribe-content-third-exercise' force_type='field' class='form-control' output='bootstrap' select_text='--- not set ---']
</div>
<div class="form-group col-md-6">
<label for="%%FORM_ID%%_tribe-content-fourth-exercise">[cred_i18n name='tribe-content-fourth-exercise-label']Fourth Exercise:[/cred_i18n]</label>
[cred_field field='tribe-content-fourth-exercise' force_type='field' class='form-control' output='bootstrap' select_text='--- not set ---']
</div>
</div>
<div class="row">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%_tribe-content-fifth-exercise">[cred_i18n name='tribe-content-fifth-exercise-label']Fifth Exercise:[/cred_i18n]</label>
[cred_field field='tribe-content-fifth-exercise' force_type='field' class='form-control' output='bootstrap' select_text='--- not set ---']
</div>
</div>
</div>
</div>
[/cred_show_group]
[cred_show_group if="( $(tribe-post-type) eq 'Event' ) OR ( $(tribe-post-type) eq 'Challenge' )" mode="fade-slide"]
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label for="%%FORM_ID%%_tribe-content-event-date">[cred_i18n name='tribe-content-event-date-label']Event Date[/cred_i18n]</label>
[cred_field field='tribe-content-event-date' force_type='field' class='form-control' output='bootstrap']
</div>
<div class="form-group col-md-6">
<label for="%%FORM_ID%%_tribe-content-end-date">[cred_i18n name='tribe-content-end-date-label']End Date[/cred_i18n]</label>
[cred_field field='tribe-content-end-date' force_type='field' class='form-control' output='bootstrap']
</div>
</div>
</div>
</div>
[/cred_show_group]
[cred_show_group if="( $(tribe-post-type) eq 'Common Mistake' )" mode="fade-slide"]
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%_@tribe-content-common-mistake.child">[cred_i18n name='@tribe-content-common-mistake.child-label']Common Mistake:[/cred_i18n]</label>
[cred_field field='@tribe-content-common-mistake.child' class='form-control' output='bootstrap' select_text='--- not set ---' required='false']
</div>
</div>
</div>
</div>
[/cred_show_group]
[cred_show_group if="( $(tribe-post-type) eq 'Workout' )" mode="fade-slide"]
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%_@tribe-content-session.child">[cred_i18n name='@tribe-content-session.child-label']Workout:[/cred_i18n]</label>
[cred_field field='@tribe-content-session.child' class='form-control' output='bootstrap' select_text='--- not set ---' required='false']
</div>
</div>
</div>
</div>
[/cred_show_group]
[cred_show_group if="( $(tribe-post-type) eq 'Exercise' )" mode="fade-slide"]
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%_@tribe-content-exercise.child">[cred_i18n name='@tribe-content-exercise.child-label']Exercise:[/cred_i18n]</label>
[cred_field field='@tribe-content-exercise.child' class='form-control' output='bootstrap' select_text='--- not set ---' required='false']
</div>
</div>
</div>
</div>
[/cred_show_group]
[cred_show_group if="( $(tribe-post-type) eq 'Results' )" mode="fade-slide"]
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%_@tribe-content-my-progress.child">[cred_i18n name='@tribe-content-my-progress.child-label']Progress/Results:[/cred_i18n]</label>
[cred_field field='@tribe-content-my-progress.child' class='form-control' output='bootstrap' select_text='--- not set ---' required='false' author='$current']
</div>
</div>
</div>
</div>
[/cred_show_group]
[cred_show_group if="( $(tribe-post-type) eq 'Link' ) OR ( $(tribe-post-type) eq 'Video' ) OR ( $(tribe-post-type) eq 'Article' )" mode="fade-slide"]
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
[cred_i18n type="html" name="scaffold_field_id"]<p>If the content is a link, please paste or type the full URL including http(s):// in the <strong>Link</strong> field. If the content is a video, you can paste the link to the video in the field or upload the video. If the content is an article, you can paste the link to the article in the field or write the article in the content.</p>[/cred_i18n]
</div>
</div>
</div>
</div>
[/cred_show_group]
[cred_show_group if="( $(tribe-post-type) eq 'Link' ) OR ( $(tribe-post-type) eq 'Article' ) OR ( $(tribe-post-type) eq 'Video' )" mode="fade-slide"]
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%_tribe-content-link">[cred_i18n name='tribe-content-link-label']Link:[/cred_i18n]</label>
[cred_field field='tribe-content-link' force_type='field' class='form-control' output='bootstrap']
</div>
</div>
</div>
</div>
[/cred_show_group]
<div class="row">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%_post_title">[cred_i18n name='post_title-label']Title:[/cred_i18n] <span class="badge badge-danger">Required</span></label>
[cred_field field='post_title' class='form-control' output='bootstrap']
<p>Give it a short catchy title or if this is a question use it.</p>
</div>
</div>
[cred_show_group if="( $(tribe-post-type) ne 'Link' ) AND ( $(tribe-post-type) ne 'Video' ) AND ( $(tribe-post-type) ne 'Image' ) AND ( $(tribe-post-type) ne 'Quote' ) AND ( $(tribe-post-type) ne 'Question' ) AND ( $(tribe-post-type) ne 'Meme' )" mode="fade-slide"]
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%_post_content">[cred_i18n name='post_content-label']Content:[/cred_i18n]</label>
[cred_field field='post_content' output='bootstrap']
</div>
</div>
</div>
</div>
[/cred_show_group]
[cred_show_group if="( $(tribe-post-type) ne 'Meme' )" mode="fade-slide"]
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%_post_excerpt">Carefully Crafted Excerpt:</label>
[cred_field field='post_excerpt' class='form-control' output='bootstrap']
<p>Content that has a skillfully crafted excerpt will rank higher than a copy and paste from the main content.</p>
</div>
</div>
</div>
</div>
[/cred_show_group]
<div class="row">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%__featured_image">[cred_i18n name='_featured_image-label']Main Image:[/cred_i18n]</label>
[cred_field field='_featured_image' output='bootstrap' previewsize='thumbnail']
</div>
</div>
[cred_show_group if="( $(tribe-post-type) eq 'Image' ) OR ( $(tribe-post-type) eq 'Before and After' )" mode="fade-slide"]
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%_tribe-content-image-gallery0">[cred_i18n name='tribe-content-image-gallery-label']Image Gallery:[/cred_i18n]</label>
[cred_field field='tribe-content-image-gallery' force_type='field' output='bootstrap' previewsize='thumbnail' isRepetitive='true']
</div>
</div>
</div>
</div>
[/cred_show_group]
<div class="row">
<div class="form-group col-md-6">
<label for="%%FORM_ID%%_tribe-content-tag">[cred_i18n name='tribe-content-tag-label']Carefully Selected Tags:[/cred_i18n]</label>
[cred_field field='tribe-content-tag' force_type='taxonomy' output='bootstrap' display='checkbox']
<p>Select a maximum of 5 tags.</p>
</div>
<div class="form-group col-md-6">
<label for="%%FORM_ID%%_tribe-content-category">[cred_i18n name='tribe-content-category-label']Carefully Selected Categories:[/cred_i18n]</label>
[cred_field field='tribe-content-category' force_type='taxonomy' output='bootstrap' display='checkbox']
<p>Select a maximum of 2 highly relevant categories.</p>
</div>
</div>
<div class="row">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%_tribe-custom-tag">[cred_i18n name='tribe-custom-tag-label']Custom Tags:[/cred_i18n]</label>
[cred_field field='tribe-custom-tag' force_type='taxonomy' output='bootstrap' class='form-control']
[cred_field field="tribe-custom-tag_popular" taxonomy="tribe-custom-tag" type="show_popular"]
<p>Add a maximum of 3 highly relevant tags that aren't already in the Tag list.</p>
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="%%FORM_ID%%_tribe-content-emotion">[cred_i18n name='tribe-content-emotion-label']Emotion:[/cred_i18n]</label>
[cred_field field='tribe-content-emotion' force_type='field' class='form-check-input' output='bootstrap']
<p>Select a maximum of 3 highly relevant emotions.</p>
</div>
<div class="form-group col-md-6">
<label for="%%FORM_ID%%_preferred-response">[cred_i18n name='preferred-response-label']Preferred Response:[/cred_i18n]</label>
[cred_field field='preferred-response' force_type='field' class='form-check-input' output='bootstrap']
</div>
</div>
<div class="row">
<div class="col-md-12">
[cred_field field='form_submit' output='bootstrap' value='Submit for Review' class='btn btn-primary btn-lg']
</div>
</div>
</div>
[/credform]
The difference is you will have to cover the whole div as given under:
[cred_show_group if="( $(tribe-post-type) ne 'Meme' )" mode="fade-slide"]
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%_post_excerpt">Carefully Crafted Excerpt:</label>
[cred_field field='post_excerpt' class='form-control' output='bootstrap']
<p>Content that has a skillfully crafted excerpt will rank higher than a copy and paste from the main content.</p>
</div>
</div>
</div>
</div>
[/cred_show_group]
I'v change all conditional group code accordingly to cover whole div having class row.
The conditional group was not created manually, it was done by dragging and dropping and then converting to advanced. Hence, it's the plugin that creates the mistake.
I'm not sure I spot the difference between this and the other? Can you provide a bit more context so I can fix this myself in the future? Thanks
<div class="row">
<div class="col-md-12">
[cred_show_group if="( $(tribe-post-type) ne 'Meme' )" mode="fade-slide"]
<div class="row">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%_post_excerpt">Carefully Crafted Excerpt:</label>
[cred_field field='post_excerpt' class='form-control' output='bootstrap']
<p>Content that has a skillfully crafted excerpt will rank higher than a copy and paste from the main content.</p>
</div>
</div>[/cred_show_group]
</div>
</div>
And now its covering the whole div:
[cred_show_group if="( $(tribe-post-type) ne 'Meme' )" mode="fade-slide"]
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-12">
<label for="%%FORM_ID%%_post_excerpt">Carefully Crafted Excerpt:</label>
[cred_field field='post_excerpt' class='form-control' output='bootstrap']
<p>Content that has a skillfully crafted excerpt will rank higher than a copy and paste from the main content.</p>
</div>
</div>
</div>
</div>
[/cred_show_group]
As mentioned, it was created by the plugin it self through drag and drop and then converting to Advanced, so it should be considered as a bug to fix right?
We can not say its a bug but its a usability issue. We have more important issues in pipeline to fix or tobe added as new feature. Using drag-drop editor and expert mode is different things and we have easy workaround to fix this.
As the issue is already been addressed, You're welcome to close this ticket.
