Widgets improvement: iframes auto height

Iskander · March 10, 2012, 4:41am

Hi!

Can you please add auto-height feature to widget's iframes?

Something like this: http://geekswithblogs.net/rashid/archive/2007/01/13/103518.aspx
It will be really userful

matthieu · March 14, 2012, 12:48am

Please post this suggestion in a new ticket, especially, if you can also post a working patch, we woul love to see this in Piwik indeed!

Iskander · March 14, 2012, 6:43am

Hi, Matt!

Thank you for your answer

github.com/matomo-org/matomo

Widgets improvement: iframes auto height

opened 07:40AM - 14 Mar 12 UTC

closed 10:20AM - 12 Nov 16 UTC

anonymous-matomo-user

Enhancement duplicate c: Usability

We can add iframes auto-height feature to our widgets - it will be very userful.… I created an Proof-of-Concept patch for Piwik to add this feature. It works good in FF and IE9, and works buggy in Chrome. You need to upload js files from archive to js folder, and add this line in head section of plugins/Widgetize/templates/iframe.tpl: ``` <script type="text/javascript" src="js/Frame.js"></script> ``` After that, get some widget code and modify it: ``` <div id='widgetIframe'> ``` Add: ``` <script src="http://exapmle.com/js/FrameManager.js"></script> ``` And in iframe code add some id (it may be md5 from widget's url, for example), and this: ``` onload="FrameManager.init();FrameManager.registerFrame(this)" ``` You can see how it works on this test page: [http://ultra-stat.ru/test.html] Try to expand the search engine's keyword list and look, how will change iframe's height, for example. My code based on this solution: [http://geekswithblogs.net/rashid/archive/2007/01/13/103518.aspx], and it need some improvements, because it dosn't work correctly on WebKit, but it's great proof-of concept, i think. Sorry for my bad english

Hildegard52 · March 15, 2012, 5:55am

Matt is a Christmasmanhttp://www.datasea.info/avatar2.jpg

Iskander · March 15, 2012, 9:20am

Hi All!

I fixed webkit issue and we are using this code in our projects now.

You can see how it works on the test page: Untitled
I tested it in the FireFox, Chrome and IE 9.

Please test it in other browsers