[Gelöst] Toolset Views not displaying properly in Elementor

[Author]

Artikel

[eveD]

Tell us what you are trying to do?
I am trying to create a directory.
I am using Toolset, Elementor Pro and Elementor Hello Theme.

In the past, I created views using the Toolset Views, and then inserted those into Elementor using the Toolset Widget. That kind of works. (I used Bootstrap 4 to style the view and cards).

I am now trying to re-create the directory using the blocks editor. At first I followed the instructions as per your Course outline for Directory building, which worked fine except that the view was not displaying in the preview page in a grid (it displayed as a list).

I read your instructions for using ELemtor and Themes (https://toolset.com/course-lesson/using-toolset-with-elementor-page-builder/), and installed the Elementor Blocks for Gutenberg plugin. Now I am super confused, as nothing is working as expected.

1. Can you suggest why the view was displaying as a list, not as a grid?
2. Where do I actually edit the view now? I know how to insert it into the page, but when I try to edit it, I am told I need to use the block editor from the page where the view is created. When I try to do that, I simply get taken to the Gutenberg page awhere my only option is to "Edit with Elemntor", which takes me back to only being able to insert view, not edit it.

I am confused as to the actual architecture of how Toolset works with Elemnotor.

Thanks,

[Minesh]

Hello. Thank you for contacting the Toolset support.

Can you please share problem URL and admin access details and let me check whats going wrong with your setup.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) 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.

[Minesh]

I cant able to access the wp-admin. After login If I try to access the wp-admin it redirect me on home page.

Can you please tell me how can I access the wp-admin?

[eveD]

Hi,

I'm sorry...I set the wrong User ROle. I have now changed it to Administrator, so it should allow you to work and see the backend.

Thanks,

[Minesh]

Can you please check now:
- versteckter Link

I've added the following custom CSS to your view blocks custom CSS section.

.js-wpv-loop-wrapper > .tb-grid {
    grid-template-columns: minmax(0, 0.33333333333333fr) minmax(0, 0.33333333333333fr) minmax(0, 0.33333333333333fr);
    grid-auto-flow: row;
}

You can adjust the CSS as required.

Also, there is no hard using legacy views, you can just create legacy views from Toolset => Views.

It will still work without any issues if you do not like to work with blocks.

[eveD]

Thank you so much! Brilliant help 🙂

Have a great week.