[Resolved] Ajaxify website with blocks

[Author]

Posts

[glenn]

Tell us what you are trying to do? I am trying to use ajax to load only the main content when a link is clicked. This works but my block view does not layout properly.

Is there any documentation that you are following?

Is there a similar example that we can see?
hidden link If you go here you will see the view at the bottom of the page in three columns on the desktop. But when you navigate to another page, the view only shows in one column. I probably need to trigger or relaod some script but i cannot figure out how the view is layed out.

What is the link to your site?
hidden link

[Luo Yang]

Hello,

Toolset Blocks is using inline JS codes to produce the CSS style, it won't be triggered in your custom AJAX call.

As a workaround, you can put that CSS codes into your theme file "style.css", for example:

.js-wpv-view-layout-10 .js-wpv-loop-wrapper > .tb-grid {
    grid-template-columns: minmax(0, 0.33333333333333fr) minmax(0, 0.33333333333333fr) minmax(0, 0.33333333333333fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-auto-flow: row;
}

the number 10 is your view block's ID

[glenn]

My issue is resolved now. Thank you!