I want to use Toolset to create a list of posts with filters on a site built with Elementor Pro. Since Toolset Views is a legacy version, I’m unsure how to create a View with Toolset Blocks and integrate it into Elementor.
Solution:
Toolset Blocks content cannot be used directly within Elementor, but you can still create Views using the legacy mode in Toolset Blocks. Enable legacy Views by following these steps:
- Go to "Toolset > Settings > General".
- Under "Editing experience", check "Show both the legacy and Blocks interface and let me choose which to use for each item I build".
- Reload the page, and go to "Toolset > Views" to create your view in legacy mode.
You can then add this View to Elementor using the shortcode. Toolset currently has no plans to remove the legacy Views functionality, so it remains a reliable option.
I have implemented LIKE and UNLIKE buttons on a post page, where the LIKE button submits a form to create a CPT using a page reload, and the UNLIKE button deletes the CPT without a page scroll due to AJAX. I want to improve the UX by using JavaScript for a page refresh upon successful form submission.
Solution:
To reload the page after a successful form submission without a clunky scroll, use jQuery’s ajaxComplete event to trigger a JavaScript reload. This will refresh the page only after the AJAX request completes.
This approach triggers a refresh right after the AJAX completion, maintaining the user's scroll position.
