I am seeing the JavaScript working properly, but there is no CSS.

Inspecting shows that the classes are being assigned correctly when I click between the

  • elements -

  • And then

    that surrounds the content for each tab, I see ui-tabs-hide and ui-tabs-panel.

    The panel style was changed from Tabs to default.

    I use the Single column layout with 7 content elements. CSS properties for the first element has "tabs-panel-pane" as the CSS class.

    The Tabs panel style module works fine.

    I disabled CSS optimization.

    I see /sites/all/modules/jquery_ui/jquery.ui/ui/minified/ui.tabs.min.js loaded, jQuery UI Tabs 1.6.

    Not sure what I'm missing here..

    • Comments

    jason.fisher’s picture

    jason.fisher commented

    Whoops -- HTML was rendered.

    What was missed -- I see li class="entablificate-tab-header ui-tabs-selected" and the ui-tabs-selected moves between elements correctly.

    jason.fisher’s picture

    jason.fisher commented
    Status: Active » Needs review

    Corrected by adding this line to entablificate_init:

    
if (module_exists('jquery_ui')) drupal_add_css(drupal_get_path('module', 'jquery_ui') . '/jquery.ui/themes/default/ui.all.css');

    Am I missing something?