Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

Hi,

Please help I've looked at the forums and read example #10 many times but still having trouble getting links to open in a new tab. Can you take a look at the shortcode and let me know where I may be going wrong? Same domain I believe.

Here is the webpage link http://blackandoutdoors.com/adventures/

Shortcode I'm using: [advanced_iframe securitykey="securitykey" use_shortcode_attributes_only="true" src="http://blackandoutdoors.com/eventss/" width="1000" height="1050" scrolling="no" id="advanced_iframe" enable_responsive_iframe="true" change_parent_links_target="#tribe-events-event- a" show_part_of_iframe="true" show_part_of_iframe_x="2" show_part_of_iframe_y="165" show_part_of_iframe_width="962" show_part_of_iframe_height="802" change_iframe_links="#advanced_iframe a" change_iframe_links_target="_blank" resize_on_ajax_jquery="false" ]

Not familiar with JQuery so I tried to use your example.

Also I'm running into issues on improper resizing on some computers and my cell phone. How can I fix this?

Thanks!!

which links do you want to change? the ones of the parent?
change_parent_links_target="#tribe-events-event- a" ??

or in the iframe:
change_iframe_links="#advanced_iframe a" change_iframe_links_target="_blank"

"#advanced_iframe a" would mean that inside the iframe you have an id #advanced_iframe which is not the case. You can simply use "a" if you want to change all link targets.

Show part of an iframe shows a fixed sized rectangle. With a width of 962 this will most likely not fit to a cell phone. You have to select an area that fits or use the zoom option for this feature:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/show-only-a-part-of-the-iframe/show-only-a-part-of-an-iframe-zoom#e39

Best, Michael

Hi Thanks for the reply,

I tried using the zoom directions you gave here http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/show-only-a-part-of-the-iframe/show-only-a-part-of-an-iframe-zoom#e39.
Each time I did it forced my calendar to minimize and not show fully on the screen. Also the Resize iframe to content width setting (now removed) caused the calendar to minimize in undesired ways. This is the code I ended up using that worked. I also fixed the target link as suggested.

[advanced_iframe securitykey="securitykey" use_shortcode_attributes_only="true" src="http://blackandoutdoors.com/eventss/" width="1000" height="1050" scrolling="no" marginheight="20" id="advanced_iframe" enable_responsive_iframe="true" show_part_of_iframe="true" show_part_of_iframe_x="2" show_part_of_iframe_y="165" show_part_of_iframe_width="962" show_part_of_iframe_height="802" show_part_of_iframe_zoom="true" change_iframe_links="a" change_iframe_links_target="_blank" onload_resize="true" resize_on_ajax_jquery="false" ]

My issue is that

a. On certain computers the iframe is cutting off the at very top, thus not displaying some of the content. How do I fix this?
b. There is a lag from when the page starts to load to when the target links are re-directed, so that if you click the links too early they aren't redirected to open in a new tab but instead still open inside the iframe. How can I fix this?

Hi,

onload_resize="true" resize_on_ajax_jquery="false" enable_responsive_iframe="true"

should not be needed.

a. Is this browser dependent? because then you could use the browser detection to solved this.
b. you can hide the iframe until it is loaded. See hide_page_until_loaded="true"

Best, Michael

Thanks for the help all seems to be working well now.
For the second one I just added more space to the height setting to allow for variations and seems to be ok now.

Cheers!

- glad I could help.