Hi, this is the line of code I am using in my views template to change the output of the title link:

print l($row->node_title,'node/'.$row->nid, array('attributes' => array('rel' => array('lightframe[|width:970px; height:466px;scrolling: none;]'))));

If I use lightmodal, I get the lightbox, in all browsers. But if I use lightframe, only IE 8/9/10 does not work. (It falls back to going directly to the node page).

Anyone else experiencing this or knows how to fix it?

Comments

dianacastillo’s picture

dianacastillo commented

I have the same problem, the lightframe doesnt work for me in IE 8/9/10
Does anyone have a solution?
thanks

xamount’s picture

xamount
Primary language English
commented
Priority: Major » Critical

Changing to critical as the lightbox is pretty useless for IE users.

dianacastillo’s picture

dianacastillo commented

can anyone tell me which of the other similar modules do work for IE ?

xamount’s picture

xamount
Primary language English
commented

The patch at comment #21 for this issue solved this problem: #483798: rel attribute lightframe disappears if I fill in a width

xamount’s picture

xamount
Primary language English
commented
Status: Active » Fixed
dianacastillo’s picture

dianacastillo commented
Status: Fixed » Active

I tried this patch The patch at comment #21 for this issue solved this problem: #483798: rel attribute lightframe disappears if I fill in a width
and it did not work, in IE it still does not work (the iframe does not load). In addition my height parameter that I had set stopped working in Firefox . So that is not the solution.

xamount’s picture

xamount
Primary language English
commented

Can you paste your code for the call to the lightbox?

Ideally, you want to remove any extra white spaces and take out the overflow and scrolling calls. That is, only try width and height.

So for e.g. a call to a lightframe with the patch applied will look like this:

print l($sq_ia_image, 'node/' . $row->nid, array('html' => TRUE, 'attributes' => array('rel' => 'lightframe[|width=970px;height=466px;]')));

This worked for me in IE 9/10

dianacastillo’s picture

dianacastillo commented

Here is the code which doesnt work in IE but works in the other browsers: 

<div class="graph_1">
<a href="//infogr.am/Growth-in-Awards-by-Year-cfreeman191_1368706546" rel="lightframe[|width:550px; height:400px; scrolling: auto;]" title="About Promise Neighborhoods"><img alt="graph of growth in awards" src="/pn/sites/default/files/u11/growth_thumbnail.png"></a></div>

thanks for any help you can give me.

xamount’s picture

xamount
Primary language English
commented

So apply the patch and try this:

<div class="graph_1">
<a href="//infogr.am/Growth-in-Awards-by-Year-cfreeman191_1368706546" rel="lightframe[|width=550px;height=400px;]" title="About Promise Neighborhoods"><img alt="graph of growth in awards" src="/pn/sites/default/files/u11/growth_thumbnail.png"></a></div>
dianacastillo’s picture

dianacastillo commented

I took away the scrolling so its like this now: 

<div class="graph_1">
<a href="//infogr.am/Growth-in-Awards-by-Year-cfreeman191_1368706546" rel="lightframe[|width:550px; height:400px;]" title="About Promise Neighborhoods"><img alt="graph of growth in awards" src="/pn/sites/default/files/u11/growth_thumbnail.png"></a></div>

and reapplied the patch and got the same results. the height no longer works on firefox and it still doesnt load in IE

xamount’s picture

xamount
Primary language English
commented

you have to use = instead of :

Also take out the whitespaces

Look at the code I pasted again.

dianacastillo’s picture

dianacastillo commented

Hi, okay I removed the white spaces and changed the : to = and now with the patch it works well with Firefox , but with IE I still get this in the popup window:
"Please upgrade your browser
The browser you're using is not supported and seems to be outdated. Click on icons below to download the newest version of your favorite web browser"

this even happens in IE when I have no height or width , such as :

<div class="graph_2">
<a href="//infogr.am/Types-of-Grant-Recipients-2010-2012" rel="lightframe"><img alt="recipients_types_graph" src="/pn/sites/default/files/u11/grant_recipients.png"></a>
</div>
xamount’s picture

xamount
Primary language English
commented

What version of IE are you testing on?

dianacastillo’s picture

dianacastillo commented
Status: Active » Fixed

okay , I just found out it's something to do with that site infogr.am since when I call another site it works with IE. so the issue is fixed. thanks

dianacastillo’s picture

dianacastillo commented

its with IE 10 by the way.

xamount’s picture

xamount
Primary language English
commented

ok great to hear. Glad I can help out!

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.