Search box only shows up after reloading page

Hi,

thanks for your post.

For me (using Google Chrome), it shows up without refreshing the page. It just takes a few seconds, as the search field is added via JavaScript after the table is loaded. And that just takes time, due to its size.

Regards,
Tobias

Sorry, use the link “Kunstenaars” in the site’s menu, coming from a different page of the site. Then it doesn’t show up, only after reload/refresh. I’m using Firefox, and tried it in Chrome too, same problem.

Regards

Hi,

ah, ok, thanks for the clarification. Now I could reproduce this.

The reason for this is how your theme loads new content after someone clicks on link in a menu. Instead of loading the entire new page, the theme will only perform a so-called “AJAX request”, to only get the data on the page that changes, i.e. the new content of the page. However, when this is done, the theme does not load the relevant JavaScript code that is used to trigger the initialization of the search field. Thus, with this method, the search field will never be loaded. When you now reload the page, the entire page is loaded, including the JavaScript, and thus the search field is added.

Now, unfortunately, there’s nothing I can do about this in TablePress. This is a consequence of how the theme works, and it would have to be changed in the theme (which will probably be rather difficult).
Sorry that I can’t really help with this ??

Regards,
Tobias

Well, thanks anyway for your time and consideration. At least there’s an explination for it. Still the plugin works fine.

But there’s another problem as well: I put the site’s photos in TablePress (not the photos in the slideshow above) so I could present them in a row. When viewed on an iPhone they get “squeezed” in the table, looking completely disfigured (probably because of the smaller resolution of an iPhone?). How can I set the table so the photo’s get smaller without getting disfigured?

Hi,

this is also related to your theme, and how it handles shrinking images on small screens, like iPhones. This should be easy to fix though.
Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress img {
  height: auto;
}

Regards,
Tobias

Thank you for your kind help!

Regards

Hi,

no problem, you are very welcome!

Best wishes,
Tobias