Docs

[cohen611]

Hi,

I have several grids that I put inside template files. These grids aren’t loading properly, as in when they first load they’re contained inside a very small area and after some time (it varies, could be seconds, could be minutes) they expand. Why could this be?

Thanks.

[cohen611]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[cohen611]

This reply has been marked as private.

[Lely]

Hi There,

I can see a javascript error when I check.
(index):5698 Uncaught TypeError: Cannot set property 'placeholder' of null(…)
Please try to update this line:
document.getElementById("comment").placeholder = ("Type your response here...");
To this:
document.getElementById("comment").placeholder = "Type your response here...";

Do let us know how this goes.

[cohen611]

Thank you for pointing that out. I have fixed the error but the grids are still acting funny. Any other suggestions?

[Rad]

Hi there,

Ah, it’s because grids are based on container’s dimension. Since tab content is hidden, the tab’s dimensions of 0 width and 0 height. All we need is to retrigger it 🙂

Please add this code to Admin > Appearance > Customizer > Custom > javascript

var tab_timeout = 0; //to avoid performance issue
jQuery('.info_tab').on('click', function() {

clearTimeout( tab_timeout ); //let's end in every click

tab_timeout = setTimeout ( function() { jQuery(window).resize(); } , 300); //make sure it's triggered only after click (300ms)

} );

Hope this helps.

[Author]

Posts