Field Collection Tabs Not Working Properly

Submitted by tanmuhittin on Mon, 07/11/2016 - 14:37

If you see just links, not tabs then you are in the right place. What you need to do is find field_collection_tabs.js file in the field collection tabs module. There you will see smt likeĀ 

/**
 * JS related to the tabs.
 */
Drupal.behaviors.fieldCollectionTabs = {
  attach: function (context) {

    $('.field-collection-tabs', context)
      .once('.tabs-processed') //THIS WILL CHANGE
      .tabs();
  }
};

here change it to

Drupal.behaviors.fieldCollectionTabs = {
  attach: function (context) {

    $('.field-collection-tabs', context)
      .once('tabs') // HERE IS THE CHANGE
      .tabs();
  }
};

You are done. A clean refresh Ctrl + f5 or Ctrl + r will show the tabs properly. Have fun !