Lightbox Ultimate – Inline overlay totally transparent in iPad

[hammer01]

http://suninternational.investoreports.com/sun_armobile_2011/reports/chairmans-report/#

[wp_lightbox_anchor_text_inline_html_overlay div_id=”Valli” text=”View CV”]

<div id=”Valli” class=”lightbox_ultimate_fp_overlay” style=”width:220px;height:430px;”>

MV (VALLI) MOOSA (54)

CHAIRMAN, BSC (MATHEMATICS, PHYSICS) * ◊ ±

Appointed to the board in 2005 and as board chairman on 1 July 2009. Valli Moosa served as Minister of Constitutional Development from 1996 to 1999 and as Minister of Environmental Affairs and Tourism from 1999 to 2004. He previously served as chairman of the United Nations Commission on Sustainable Development, as chairman of Eskom Holdings, as a national executive committee member of the ANC and as president of the International Union for The Conservation of Nature. He currently holds directorships, inter alia, in Anglo Platinum (deputy chairman and lead independent director), Lereko Investments (deputy chairman), Dinokana, Imperial Holdings, RAH (chairman), Sanlam, Sappi and WWF SA (deputy chairman).

<p>* Member of the remuneration committee

◊ Member of the nomination committee

± Member of social and ethics committee

</div>

This works fine on Iphone but not on Ipad – you can see the popup but it is totally transparent – appreciate advice.

We are using the WP-Touch plugin for the mobile version.

Regards

Simon

[wpCommerce]

Hi, your inline HTML is working fine on my test site. I’ve tested on all major browsers including ipad.

I believe your theme has built-in jquery tools library which is creating another frame (on top of our plugin frame). That’s why it looks transparent. If you switch to the default wordpress theme I think there won’t be anymore issue.

However, we’re working on another inline HTML shortcode so that you can use it as an alternative. I will get back to you once we are finished with the implementation.

[hammer01]

Thanks – the prob is only on the Ipad – it gets like a transparent gray layer over the whole page – do you get that on the Ipad?

The same for the HTML five video.

All the rest are fine.

http://suninternational.investoreports.com/sun_armobile_2011/test/

[wp_lightbox_anchor_text_inline_html_overlay div_id=”12345″ text=”click here to open the html

content”]

<div id=”12345″ class=”lightbox_ultimate_fp_overlay” style=”width:640px;height:480px;”>

//Your HTML content goes here.

This is some dummy text to fill this space. You can place any HTML code here. This is a <a

href=”www.example.com”>test link

</div>

[wp_lightbox_special_anchor_text_pdf link=”http://www.example.com/ebook.pdf&#8221; width=”640″

height=”480″ title=”PDF title goes here” text=”Click here to open the PDF file”]

[wp_lightbox_special_anchor_text_mp4_video link=”http://www.example.com/video/test.mp4&#8243;

width=640 height=480 title=”Video title goes here” text=”Click here to open the mp4 video”]

[wp_lightbox_anchor_text_display_external_page link=”http://www.example.com/my-test-page&#8221;

width=”640″ height=”480″ title=”title goes here” text=”click here to open the external page”]

[wp_lightbox_anchor_text_html5_video link=”http://www.example.com/test-video.mp4&#8243; width=”640″

height=”480″ text=”Click here to open the video with HTML5″]

I have switched to 2010 1.2 WordPress theme – no joy.

[hammer01]

Also using the WP UI plugin – which might also conflict?

[wpCommerce]

I think I just figured out the issue. when I visited your site using ipad it was looking completely different than the normal site (no default theme). Then I noticed a button at the bottom – “ipad theme ON OFF”. So whenever anyone visits your site using ipad it renders a different theme by default. A different theme means there will be different scripts included on that page (Which I won’t see while browsing from a computer). That’s why everything was working fine on the browsers but not on ipad.

As soon as I turned off the ipad theme all the overlay shortcodes are working fine on ipad.

[hammer01]

Thanks for that….but….with the IPad theme on – the inline popups works fine in normal browsers with with the mobile theme active (check in Chrome) AND on the IPhone. Its only on the Ipad that there is a problem. So yes – it is the Ipad/mobile theme that is causing the prob – BUT – it is only causing a prob on the Ipad – there is a conflict somewhere…..

I think perhaps I also need to chat to the theme developers (Wp Touch Pro) – to see if they can offer andy advice…..

[wpCommerce]

“with the IPad theme on – the inline popups works fine in normal browsers with the mobile theme active (check in Chrome) AND on the IPhone” – I didn’t say that it wasn’t working on normal browsers. I tested it before you switched to default theme.

Yes, you have the same theme active but have you noticed the difference when the page renders on ipad(example – sidebar menu )? when you view a page in mobile version it’s completely a different scenario from viewing in browser (even if you have the same theme active).

Anyway, I turned off the ipad mobile theme yesterday while testing your site. Now I don’t have the option to turn it on. So whatever I view in browser is the same on ipad and the inline overlay is working fine.

[Author]

Posts