Content Not in Tabs - Fruitful Theme
Permalink Browser Info Environment
Using Fruitful theme
I have tried several times, even uninstalled and installed the add-on, but I am unable to get a content block to only show in the tab it should. All content is displayed consecutively like the tab breaks don't exist. The tab buttons display properly at the top however. I have even tried renaming the tabs and adding others with differing header styles etc. You can see the issue here at http:www.http://datafloormanagement.com/index.php/properties-sale/property1
It will occur even from a blank page minus my global header, nav, and footer. From a blank page, the only other add-on that being used is Wrap Anything to give the gray background through the header components and it opens in the nav and closes in the header content area. The Quick Tabs was used in the main content area.
I watched the video and used open and close to sandwich each of the content blocks and repeated for each tab. Any help would be appreciated.
Thank you for your time in advance.
I have tried several times, even uninstalled and installed the add-on, but I am unable to get a content block to only show in the tab it should. All content is displayed consecutively like the tab breaks don't exist. The tab buttons display properly at the top however. I have even tried renaming the tabs and adding others with differing header styles etc. You can see the issue here at http:www.http://datafloormanagement.com/index.php/properties-sale/property1
It will occur even from a blank page minus my global header, nav, and footer. From a blank page, the only other add-on that being used is Wrap Anything to give the gray background through the header components and it opens in the nav and closes in the header content area. The Quick Tabs was used in the main content area.
I watched the video and used open and close to sandwich each of the content blocks and repeated for each tab. Any help would be appreciated.
Thank you for your time in advance.
Type: | Pre-Sale |
---|---|
Status: | In Progress |
Unfortunately also having the issue as described here - on Core 5.7.4.2 and elemental theme.
It looks like an amazing add-on, thanks to the developer and hope there's an easy fix...
It looks like an amazing add-on, thanks to the developer and hope there's an easy fix...
Hi,
I'm having this issue too (on a custom theme), is there any update on this?
Thanks,
Una
I'm having this issue too (on a custom theme), is there any update on this?
Thanks,
Una
I also have the issue as described here - using Core 5.7.4.2 and elemental theme.
Same issue here too.
Same issue here too.
Same issue here too.
I'm seeing the same thing, myself.
I've determined the issue: most themes have a scope of "containers" wrapping the content blocks. Therefore the following code in the block does not capture the content:
view.js
To fix for my theme (Elemental) I've extended the capture - REPLACE WITH THIS LINE:
Also- since this offsets the standard margin of a row:
view.css 0 add "margin-left: -15px;" as below
Hope that helps!
view.js
$(this).after("<h2 class='visible-mobile'>"+tabTitle+"</h2>").nextUntil(".simpleTabsClose").wrapAll("<div class='simpleTabsContent clearfix' data-tab-id='"+i+"'>");
To fix for my theme (Elemental) I've extended the capture - REPLACE WITH THIS LINE:
$(this).after("<h2 class='tab-title'>"+tabTitle+"</h2>").closest('.container').nextUntil($(".simpleTabsClose").closest('.container').next()).wrapAll("<div class='simpleTabsContent clearfix' data-tab-id='"+i+"' />");
Also- since this offsets the standard margin of a row:
view.css 0 add "margin-left: -15px;" as below
.simpleTabsContainer { } .simpleTabsContent { display: none; padding-top: 20px; margin-left: -15px;} .tab-title { display: none; } .simpleTabsContent:first-child { display: block; } }
Hope that helps!
That helped, thanks a lot!
Hi,
Can you specify where to find the specific files to adapt?
Thx,
Nico
Can you specify where to find the specific files to adapt?
Thx,
Nico
Can you please specify the location of the view.js file?
Thanks adcoment. I had been going around in circles with this one but that worked for me. For anyone else I also run into difficulties with container layout breaking the tab layout. You can use container layouts for the contents but you must make sure the quick tab open and close blocks are not in those containers.
view.js is located in /packages/quick-tabs/blocks/quick-tabs
view.css is also there but I didn't notice any difference when I added the -15px margin so I'm not real sure what that's all about.
view.css is also there but I didn't notice any difference when I added the -15px margin so I'm not real sure what that's all about.
"All content is displayed consecutively like the tab breaks don't exist, but the tab buttons display properly at the top however.
I watched the video and used open and close to sandwich each of the content blocks and repeated for each tab."
I'm using elemental theme, concrete version 5.7.3.1 and php 5.4.32
You can see the issue here at :
http://excelbanco.com/index.php/portuguese/products/funds/funds-bon...
Any help appreciated.
Thanks.