Lightbox Ultimate – HTML Page Content Display in overlay

[Mark]

I am trying to display a linked html page in an overlay. All works as expected in Firefox and MacOSX Safari but in Safari on both the iPad and iPhone I am seeing some odd behaviour.

On both the iPad and iPhone the overlay draws but it is smaller in width and height than the displayed page. An expansion icon appears at the top of the displayed page. If you touch this icon the overlay fits to the page however when you scroll the page down the overlay does not cover the overlaid page.

On the iPhone it is nearly impossible to touch the small expansion icon without closing the overlay.Which means it is not possible to view the linked content on this device.

The Lightbox Ultimate demo page does not have this problem. Am I doing something wrong.

Click Test Gallery 2 on my test page at

[http://www.sprungchickenride.com/mark/?page_id=15]

I am using the following to display a linked html page from an embedded image.

[wp_lightbox_display_external_page link=”http://www.sprungchickenride.com/mark/galleries/TestGallery2/” width=”640″ height=”660″ title=”Test Gallery 2″ source=”http://www.sprungchickenride.com/mark/wp-content/uploads/2011/08/0006_MPA_050310_013_distort-150×150.jpg”%5D

Thanks

Mark

[wpCommerce]

Looks like the iframe is getting messed up in iPad browser. I will do some more investigation on this. We have two other shortcodes to display page content in overlay. For the time being Please give it a try with the other shortcodes.

Overlay from Anchor Image:

[wp_lightbox_display_url_content_in_overlay page_url="http://www.sprungchickenride.com/mark/galleries/TestGallery2/" width="640" height="480" source="http://www.sprungchickenride.com/mark/wp-content/uploads/2011/08/0006_MPA_050310_013_distort-150x150.jpg"]

Overlay From Anchor Text:

[wp_lightbox_anchor_text_display_url_content_in_overlay page_url="http://www.sprungchickenride.com/mark/galleries/TestGallery2/" width="640" height="480" text="click here to open the page"]

[Mark]

I have added the option for overlay from anchor text to my Test Gallery 3 on page

[http://www.sprungchickenride.com/mark/?page_id=15]

It displays the overlay OK but the content seems to get lost in the process.

[wpCommerce]

Ye that’s not a robust shortcode and also I couldn’t test it because that shortcode only works on any page within the site. But I gave it to you in case it works and you will at least have something to use for now. Anyway, don’t worry about it. Give me a few days. I will see what I can do to get a fix for iPad.

[Mark]

I await your call.

[Mark]

Hi, I was wondering if you have been able to make any progress resolving this issue? Thanks Mark

[wpCommerce]

Yes we have added a fix for Ipad. I have also tested your shortcode on my test site (with iPad). It should be working fine now.

[wp_lightbox_display_external_page link="http://www.sprungchickenride.com/mark/galleries/TestGallery2/" width="640" height="660" title="Test Gallery 2" source="http://www.sprungchickenride.com/mark/wp-content/uploads/2011/08/0006_MPA_050310_013_distort-150x150.jpg"]

Please note that iPad doesn’t have scrolling option. So if you have a lot of contents in that page (which can’t fit in the overlay window) I would recommend you to use a bigger width and height.

Let me know how it goes.

[drsoram]

Can you please help me with the code to run an mp4 video from an internal HTML page? would I use the same code as above for HTML just listing the page with the video on it?

Thank you

Soram

[wpCommerce]

So you have a page with a mp4 video embedded in it and you want to display the page in overlay? If you do then you can use the shortcode above. Don’t worry about internal/external page. The above shortcode can display any page in overlay. For more information please refer to the “HTML Page Content Display in overlay” section of the shortcode reference guide –

http://www.tipsandtricks-hq.com/wp-affiliate-link-manager/wp-content/uploads/wp-lightbox-stuff/docs/wp-lightbox-ultimate-shortcodes-by-library-type.pdf

[Author]

Posts