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.

Type: Pre-Sale
Status: In Progress
bmswebsi
View Replies:
gibaworks replied on at Permalink Reply
I have the same issue.

"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.
medmad replied on at Permalink Reply
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...
fatcatsanonymous replied on at Permalink Reply
Hi,
I'm having this issue too (on a custom theme), is there any update on this?

Thanks,
Una
nightlog replied on at Permalink Reply
nightlog
I also have the issue as described here - using Core 5.7.4.2 and elemental theme.
juddc replied on at Permalink Reply
juddc
Same issue here too.
juddc replied on at Permalink Reply
juddc
Same issue here too.
juddc replied on at Permalink Reply
juddc
Same issue here too.
campbell replied on at Permalink Reply
campbell
I'm seeing the same thing, myself.
adcoment replied on at Permalink Reply
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
$(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!
hauke replied on at Permalink Reply
hauke
That helped, thanks a lot!
Nikajoloem replied on at Permalink Reply
Hi,

Can you specify where to find the specific files to adapt?

Thx,
Nico
FLWaterman replied on at Permalink Reply
FLWaterman
Can you please specify the location of the view.js file?
nigelcooper66 replied on at Permalink Reply
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.
bcurrid replied on at Permalink Reply
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.

concrete5 Environment Information

# concrete5 Version
Core Version - 5.7.3.1
Version Installed - 5.7.3.1
Database Version - 20150109000000

# concrete5 Packages
Deluxe Customizable Twitter Feed (0.9.3), Fruitful (1.1.1), Quick Tabs (1.0), Responsive Embed (1.0.0), Simple Slider (1.0), SVG Social Media Icons (0.9.4), Thumb Gallery (1.0.2), Wrap anything (0.9.2).

# concrete5 Overrides
blocks/content, languages/tr_TR, languages/sv_SE, languages/sl_SI, languages/it_IT, languages/nl_NL, languages/ru_RU, languages/ja_JP, languages/fr_FR, languages/el_GR, languages/fi_FI, languages/de_DE, languages/da_DK

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache/2

# Server API
cgi-fcgi

# PHP Version
5.3.13

# PHP Extensions
bcmath, calendar, cgi-fcgi, Core, ctype, curl, date, dba, dom, ereg, exif, fileinfo, filter, ftp, gd, gettext, hash, iconv, imap, json, libxml, mbstring, mcrypt, mhash, mysql, mysqli, openssl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, pspell, Reflection, session, SimpleXML, sockets, SPL, SQLite, sqlite3, standard, tokenizer, wddx, xml, xmlreader, xmlrpc, xmlwriter, xsl, zip, zlib.

# PHP Settings
max_execution_time - 120
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 1000
memory_limit - 128M
post_max_size - 20M
safe_mode - Off
safe_mode_exec_dir - <i>no value</i>
safe_mode_gid - Off
safe_mode_include_dir - <i>no value</i>
sql.safe_mode - Off
upload_max_filesize - 20M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 1440
safe_mode_allowed_env_vars - PHP_
safe_mode_protected_env_vars - LD_LIBRARY_PATH

Browser User-Agent String

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.101 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.