DaDaBIK
This forum is devoted to the discussion about the software DaDaBIK database front-end
the PHP Database application generator for MySQL, PostgreSQL, SQLite and MS SQL Server; also available for Wordpress.

Welcome! Log In Create A New Profile

Advanced

WordPress plug-in wrapper's view port is too small to fit table

Posted by donworth 
WordPress plug-in wrapper's view port is too small to fit table
July 07, 2021 10:24PM
Hi Eugenio,

I am helping the Sioux Valley Genealogy Society implement DaDaBIK for their 176,000 row obituary database. We had it up and running perfectly but now when I go to the WordPress page on their site the viewport is shortened vertically such that only the top menu bar appears and you have to scroll in a very short window to see the table. See:

https://www.siouxvalleygenealogicalsociety.org/testing/

I'm not sure how the plug-in's viewport works (how it figures out how tall to make the viewport). I don't think anything was changed on their site between when it worked perfectly (July 2) and today (July 7). I tried clearing the browser cache and looked at it with different browsers on both Mac and Windows. They all display the same foreshortened view.

Can you offer any suggestions on what to look for?

(P.S. I'm not experiencing this problem with my Ventura site - that works fine. But it has a different theme and the other plug-ins are different. Also Sioux Valley is on Elba and Ventura is on Manarola if that makes a difference.)

Thanks!
Don Worth
Ventura County Genealogical Society
worth@ucla.edu

-------------

System info for Sioux Valley site

PHP Version: 7.4.20

mysql version: 10.3.29-MariaDB-cll-lve

Web server: Apache

Client: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1.1 Safari/605.1.15

URL installation: https://siouxvalleygenealogicalsociety.org/dadabik/
Re: WordPress plug-in wrapper's view port is too small to fit table
July 08, 2021 07:37AM
Hello,
the problem seems to be with the attribute
height: auto;
of the iframe that contains the dadabik application. If you remove it using the javascript console, the size will be fine.
I am not sure why it's there, though, it's not in the original code of the dadabik wordpress plugin, have you changed the code?

Best,

________________________________________________________
Eugenio |\.-./| DaDaBIK founder
Re: WordPress plug-in wrapper's view port is too small to fit table
July 08, 2021 05:44PM
No, I didn't change the DaDaBIK plug-in files other than to put in the session keys and such in the .php file. I see in both my sites the exact same code. But the Ventura one works and the Sioux one doesn't.

----------------

File: dadabik_wrapper_js.js

jQuery(document).ready(function() {
jQuery('iframe').load(function() {
document.getElementById('dadabik_iframe').style.height = 'auto';
jQuery("#dadabik_iframe").height(jQuery("#dadabik_iframe").contents().find("html").height()+35);

});
});

------------------

Should I edit out the style.height = 'auto' or ???? The only other thing I can think to do is to systematically disable plug-ins to see if any of them could be conflicting with the plug-in. Or switch to the generic theme in WP.

Don
Re: WordPress plug-in wrapper's view port is too small to fit table
July 09, 2021 07:47AM
Hello,
yes, I would do some tests:
- try to remove document.getElementById('dadabik_iframe').style.height = 'auto';
- try to play with that +35, increasing it

after any change, clean the cache to avoid any risk of using it. Let me know how it works!

________________________________________________________
Eugenio |\.-./| DaDaBIK founder
Re: WordPress plug-in wrapper's view port is too small to fit table
July 09, 2021 10:44PM
No luck.

I edited the .js file to comment out setting the style.height assignment - didn't work
I increased the +35 to +800 - didn't work
I disabled every plug-in other than DaDaBIK's - didn't work
(and with Colibri block editor disabled I created a new, blank page and pasted in the shortcode - didn't work)
I switched to the twenty twenty-one theme - didn't work
(cleared the browser cache for each test)

I'm at a loss to think why this worked just before July 4 but isn't working now. Could the hosting service have done anything that would affect things maybe? (I have not reason to think they did - I'm must grasping at straws)

If you want the passwords to look at things with cPanel or FTP or WordPress's dashboard, email me and I will send them.

I appreciate your help with this!

Don
Re: WordPress plug-in wrapper's view port is too small to fit table
July 10, 2021 11:12AM
Hello,

could you double check dadabik_wrapper.php as well? In particular, this code, to be sure it's unchanged:

function dadabik_wrapper_func($atts){
return '<iframe frameborder="0" src="'.$atts['url'].'" width="100%" height="800" id="dadabik_iframe" style="border:0;overflow-y:auto;"></iframe>';
}

I can't explain why at some point it changed behaviour, unless there has been a change somewhere, this sounds almost impossible to me.
It's hard to think that the problem is a change on the hosting service side, but I would ask them if they have changed something across that date.

Another thing that could happen is that the browser, at some point, after an upgrade, started to behave differently but if you see the same result with all the browsers, then the browser is not the problem.

Being on Elba instead of Manarola is also not the reason of the problem, the Wordpress demo you see online is on Elba and I don't see such issue there.

Best,

________________________________________________________
Eugenio |\.-./| DaDaBIK founder
Re: WordPress plug-in wrapper's view port is too small to fit table
July 10, 2021 05:16PM
What you posted looks identical to what's in the file. I will send you both files by email, freshly downloaded from the Sioux web site.

Don
Re: WordPress plug-in wrapper's view port is too small to fit table
July 12, 2021 04:34PM
Hi Eugenio,

We checked with Colibri support and got this from them - which solved the problem! Might be worth adding to your documentation for those using Colibri page builder (or anyone else who is experiencing similar symptoms). Thanks for all your help on this.

Don

----------------------------

Hello,

Please add this extra CSS code in Customizer -> General Settings -> Additional CSS :

iframe#dadabik_iframe {
height:800px!important;
}


--
Regards,
Cristian Barbu,
Support Engineer at ColibriWP
Re: WordPress plug-in wrapper's view port is too small to fit table
July 12, 2021 05:41PM
Thanks for sharing it!

Best,

________________________________________________________
Eugenio |\.-./| DaDaBIK founder
Sorry, only registered users may post in this forum.

Click here to login