Title: Nested Tabs
Last modified: March 6, 2017

---

# Nested Tabs

 *  Resolved [pyro2509](https://wordpress.org/support/users/pyro2509/)
 * (@pyro2509)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/nested-tabs-7/)
 * Hi I tried using nested tabs on the Stockholm tempalte, but they do not support
   it. I have horizontal tabs first and then the 2nd tab has vertical tabs to display
   different unit layouts for a property website. I created that tab as a seperate
   page and inserted the iframe in my tab, but I want to display only the page content,
   without the header and footer and I also want it to display the whole page, so
   there’s no extra scroll bar on the side. In the end it has to seem like there
   is no iframe and that it’s making use of nested tabs. From what I’ve read, it
   seems like this plugin has that capability. Could you perhaps steer me in the
   right direction as I’ve never used this plugin before. Thank you for your time.

Viewing 13 replies - 1 through 13 (of 13 total)

 *  Plugin Author [mdempfle](https://wordpress.org/support/users/mdempfle/)
 * (@mdempfle)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/nested-tabs-7/#post-8881183)
 * This is not easy to do. Are you on the same domain. Have you read the quickstart
   guide?
 * Best, Michael
 *  Thread Starter [pyro2509](https://wordpress.org/support/users/pyro2509/)
 * (@pyro2509)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/nested-tabs-7/#post-8882500)
 * No, where can I find the quide?
 *  Thread Starter [pyro2509](https://wordpress.org/support/users/pyro2509/)
 * (@pyro2509)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/nested-tabs-7/#post-8882527)
 * And yes, I’m on the same domain.
 *  Plugin Author [mdempfle](https://wordpress.org/support/users/mdempfle/)
 * (@mdempfle)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/nested-tabs-7/#post-8883024)
 * Quickstart guide see
    [https://wordpress.org/plugins/advanced-iframe/](https://wordpress.org/plugins/advanced-iframe/)
   at the bottom.
 * Same domain is good. So you can modify the css dynamically and also do auto height.
   the only problem are the hidden tabs. Because measurements only done by browsers
   on visible elements! (otherwise they have a height of 0).
    I also have a solution
   for this but this is part of the pro version: [http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/auto-height-of-hidden-iframes](http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/auto-height-of-hidden-iframes)
 * Best, Michael
 *  Thread Starter [pyro2509](https://wordpress.org/support/users/pyro2509/)
 * (@pyro2509)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/nested-tabs-7/#post-8883271)
 * If I select auto-height, can I not put in a delay to give the tab chance to laod
   the content. Also, if I click on the tab, the content disappears. My PDFs open
   though. I’ll test this with a post containing multiple tabs as well.
 *  Thread Starter [pyro2509](https://wordpress.org/support/users/pyro2509/)
 * (@pyro2509)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/nested-tabs-7/#post-8884125)
 * The content and everything seems to be fine, the only problem I have now is that
   if I click on the tabs within the i-Frame, it doesn’t display the content of 
   the 2nd, 3rd etc tabs.
 *  Plugin Author [mdempfle](https://wordpress.org/support/users/mdempfle/)
 * (@mdempfle)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/nested-tabs-7/#post-8884341)
 * As I have written. The problem is that the other tabs get most likely a height
   of 0 because hidden element have a height of 0.
 * [http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/auto-height-of-hidden-iframes](http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/auto-height-of-hidden-iframes)
   can solve this issue. Using lazy load is here my prefered solution as it only
   loads when the tab is opened.
 *  Plugin Author [mdempfle](https://wordpress.org/support/users/mdempfle/)
 * (@mdempfle)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/nested-tabs-7/#post-8884521)
 * You mean inside the iframe? how does you config looks like?
 *  Thread Starter [pyro2509](https://wordpress.org/support/users/pyro2509/)
 * (@pyro2509)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/nested-tabs-7/#post-8884542)
 * If I do the lazy load, the nested tabs work, but as soon as I add onload_show_element_only
   =”.content” (to remove the header and footer) the tabs stop working. Is there
   a certain sequence I need to add these? If I go Pro, would this task be easier?
 *  Thread Starter [pyro2509](https://wordpress.org/support/users/pyro2509/)
 * (@pyro2509)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/nested-tabs-7/#post-8884552)
 * Im my settings I had under Show Only – onload_show_element_only=”.content”. That
   removed the header and footer, but made the nested tabs unclickable. So in my
   shortcode I had it set to only use the shortcode and that brought the header 
   and footer back.
 *  Plugin Author [mdempfle](https://wordpress.org/support/users/mdempfle/)
 * (@mdempfle)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/nested-tabs-7/#post-8885057)
 * This setting does remove everything around .content. The whole html. So if your
   html for the tabs needs this, they do not work anymore.
    Please use the hide 
   elements feature to hide the header and footer. This only sets the display to
   none and the html structure stays like before.
 * Best, Michael
 *  Plugin Author [mdempfle](https://wordpress.org/support/users/mdempfle/)
 * (@mdempfle)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/nested-tabs-7/#post-8942973)
 * Is the topic solved for you? If I don’t get any feedback anymore I will mark 
   this topic as resolved.
 *  Thread Starter [pyro2509](https://wordpress.org/support/users/pyro2509/)
 * (@pyro2509)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/nested-tabs-7/#post-8943102)
 * It is resolved thanks, except for a responsive menu plugin. I’ve hidden everything
   listed .wprmenu_bar,.wprmenu_icon,.menu_title, but there’s still a small block
   coming up, that opens up a menu if I click on it. The element that shows is the
   same as one I’m hiding. But I’m trying to get hold of them to sort it out. Thank
   you for your help.

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘Nested Tabs’ is closed to new replies.

 * ![](https://ps.w.org/advanced-iframe/assets/icon-128x128.png?rev=1028488)
 * [Advanced iFrame](https://wordpress.org/plugins/advanced-iframe/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/advanced-iframe/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/advanced-iframe/)
 * [Active Topics](https://wordpress.org/support/plugin/advanced-iframe/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/advanced-iframe/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/advanced-iframe/reviews/)

 * 13 replies
 * 2 participants
 * Last reply from: [pyro2509](https://wordpress.org/support/users/pyro2509/)
 * Last activity: [9 years, 2 months ago](https://wordpress.org/support/topic/nested-tabs-7/#post-8943102)
 * Status: resolved