Skip Navigation

[Resolved] Toolset Blocks are all too narrow to work with

This thread is resolved. Here is a description of the problem and solution.

Problem:

I am experiencing issues with the WP Block Editor where Toolset Blocks (such as the Image and Container Blocks) display extremely narrow, preventing proper dynamic content selection, and I cannot integrate post relationships or Toolset Maps with Elementor.

Solution:

Go to Toolset > Settings > General and enable legacy mode to use shortcodes for dynamic views; then, in the WP Block Editor click the Toolset icon at the upper right and adjust the "Editor Maximum Width" from 1% to 90% to restore a usable interface, and deactivate other plugins to rule out conflicts if necessary.

Relevant Documentation:

https://toolset.com/course-lesson/enabling-legacy-version-of-toolset-views/
https://toolset.com/course-lesson/using-toolset-with-elementor-page-builder/
https://elementor.com/help/elementor-integration-with-toolset/

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.

This topic contains 2 replies, has 1 voice.

Last updated by Djuna 3 days, 3 hours ago.

Assisted by: Christopher Amirian.

Author
Posts
#2805257
NarrowToolsetBlock.jpg

Hi 🙂

I'm an early adopter of Toolset, who once shared a pretty showcase, now returning after a long hiatus.

Now I'm building a site using Elementor, which I hoped to use for post and archive templates for the custom "Project" posts I've imported. Sadly, though, I don't see a way to integrate post relationships or Toolset maps. If there are work-arounds to get these into Elementor, please let me know.

Meanwhile, I'm trying to develop a post template using the WP block editor, but I find myself stuck at the starting gate because every Toolset Block displays so narrowly in the editor that I get no usable interface for selecting dynamic content. See the attached screenshot where I've added a Toolset Image Block. When I click "Yes" to select from a dynamic source, the next dialog is about 2 em wide, with no usable dropdown from which I can select a custom field.

All Toolset Blocks I've tried are similarly compressed. For the Toolset Container Block, I tried forcing a reasonable width using the code editor (applying an inline width attribute to the div element) but, alas, this just threw an error message back in the visual editor.

Any ideas for a fix??

Thank you!

#2805285

Christopher Amirian
Supporter

Languages: English (English )

Hi,

Welcome to Toolset support.

It is possible to use the Toolset legacy mode to create views with all the relationships and stuff and show the result as a shortcode in Elementor.

- Go to "Toolset > Settings > General".
- Find the "Editing experience" section.
- Check the "Show both the legacy and Blocks interface and let me choose which to use for each item I build" checkbox.
- Reload the browser page.
- Go to the newly added "Toolset > Views" menu.
- There you will be able to edit the views.

For more information:
https://toolset.com/course-lesson/enabling-legacy-version-of-toolset-views/

After that you can learn more about Toolset and Elementor here:

https://toolset.com/course-lesson/using-toolset-with-elementor-page-builder/

hidden link

For the Blocks issue please check nd see if there is some sort of thrid part plugin having a conflict or something?

- IMPORTANT STEP! Create a backup of your website. Or better approach will be to test this on a copy/staging version of the website to avoid any disruption of a live website.
- Go to "WordPress Dashboard > Plugins" and deactivate all plugins except Toolset and its add-ons.
- Check if you can still recreate the issue.
- If not, re-activate your plugins one by one and check the issue each time to find out the plugin that causes the problem.

Also, please test By closing the sidebar on the left or right and see if it expands.

Thanks.

#2805316

Thanks Christopher!

I’ll try legacy mode today as well as the block editor with plugins deactivated.

May I confirm if the GutenKit plugin is a requirement for the Toolset block editor? I seem to recall that but am not sure now.

And is Toolset known to play well with WonderBlocks? I take it this was installed by my host (Hostgator) and I don’t see a way to disable it.

FYI, closing sidebars on the block editor has no impact on my compressed Toolset blocks. And other non-Toolset blocks I’ve checked display at expected sizes.

Thanks for the links on Elementor integration. As well as related posts and Toolset maps I’m hoping to present several repeating fields, which I didn’t find access to via Elementor. Hopefully legacy mode offers a work-around there, too.

Stay tuned…
Djuna

#2805322

Solution:

After deactivating plugins I went to Toolset Settings in the WP block editor window (upper right Toolset icon) and found "Adjust Editor Maximum Width" at 1%. Setting it to 90% got everything back in order, and it remains that way after re-activating plugins.

I'd been in that dialog before and I suspect it was my own doing that somehow left width at 1%.

Phew!