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 |
|---|---|---|---|---|---|---|
| - | - | 14:00 – 20:00 | 14:00 – 20:00 | 14:00 – 20:00 | 14:00 – 20:00 | 14:00 – 20:00 |
| - | - | - | - | - | - | - |
Supporter timezone: Asia/Ho_Chi_Minh (GMT+07:00)
This topic contains 9 replies, has 2 voices.
Last updated by 6 years, 6 months ago.
Assisted by: Beda.
That is a setup using Toolset Layouts, I used manual HTML and Views/Types/Forms only.
I see that this Layout has a View cell where all the HTML is created.
Note that this View is not properly set.
You added the whole Filter to the Loop, for example:
[wpv-filter-start hide="false"] [wpv-filter-controls] <div class="input-group status"> [wpv-control-postmeta field="wpcf-status" url_param="wpv-wpcf-status" class="input-group-prepend"] <button type="submit" class="btn btn-xs filter-button" name="wpv_filter_submit" > <span class="fa fa-filter" aria-hidden="true"></span> </button> </div> [/wpv-filter-controls] [wpv-filter-end]
Please regenerate a fresh View, and see where the native Shortcodes are placed.
They cannot be used elsewhere.
Then I see that you use HTML wrapping the Loop (as for tabs) and that will as well probably conflict with Views, since Views has a native Loop wrapping HTML output which you can remove only by Custom Code.
However this seems to not be the case here.
But we need to start with a Fresh View, as this is not how the View can work.
I quickly grabbed an export of your site's structure only (only Toolset exports) and recreated it locally to test what I state above.
I suggest to solve this issue as follows:
1. Create 2 Tabs with Toolset Layouts:
https://toolset.com/documentation/user-guides/tabs-cell/
2. In one Tab, insert a View Cell, were you will insert the Edit Form (as you do already) for each post.
Use this code in the freshly created New View Loop where you query "Educators":
[wpv-layout-start]
[wpv-items-found]
<!-- wpv-loop-start -->
<wpv-loop>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal-[wpv-post-id]">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="myModal-[wpv-post-id]" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-[wpv-post-id]">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel-[wpv-post-id]">Modal title</h4>
</div>
<div class="modal-body">
[cred_form form='educator-edit']
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
</wpv-loop>
<!-- wpv-loop-end -->
[/wpv-items-found]
[wpv-no-items-found]
<strong>[wpml-string context="wpv-views"]No items found[/wpml-string]</strong>
[/wpv-no-items-found]
[wpv-layout-end]
This is vanilla Bootstrap enhanced with Toolset to display a Modal for each Toolset Form.
3. In the other tab insert the Create form as a Cell
I added Screenshots of the local test.
