I have a view with multiple block displays, all of which use the Views Carousel module (version 2, which also implements jCarousel module) for display. These work okay with views display tabs as long as ajax is NOT enabled. When I enable ajax, the default view loads okay, but when I click on a tab to load another view, I get this error message in a popup:

jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...

Typically this error message is caused when the css for jcarousel items do not have a width and height set... but my css width and height values are set properly... the ajax views display tabs call seems to be removing this css somehow...

Any ideas?

Here is the full code for the view in question:

$view = new view;
$view->name = 'popular_items';
$view->description = 'Carousel list of popular items';
$view->tag = '';
$view->view_php = '';
$view->base_table = 'node';
$view->is_cacheable = FALSE;
$view->api_version = '3.0-alpha1';
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */

/* Display: Defaults */
$handler = $view->new_display('default', 'Defaults', 'default');
$handler->display->display_options['use_ajax'] = TRUE;
$handler->display->display_options['access']['type'] = 'none';
$handler->display->display_options['cache']['type'] = 'none';
$handler->display->display_options['query']['type'] = 'views_query';
$handler->display->display_options['exposed_form']['type'] = 'basic';
$handler->display->display_options['pager']['type'] = 'some';
$handler->display->display_options['pager']['options']['items_per_page'] = '24';
$handler->display->display_options['pager']['options']['offset'] = '0';
$handler->display->display_options['style_plugin'] = 'viewscarousel';
$handler->display->display_options['style_options']['skin'] = 'custom';
$handler->display->display_options['style_options']['skin_path'] = 'sites/all/themes/modified/magazeen/css/carousel.css';
$handler->display->display_options['style_options']['vertical'] = 0;
$handler->display->display_options['style_options']['scroll'] = '8';
$handler->display->display_options['style_options']['visible'] = 0;
$handler->display->display_options['style_options']['animation'] = 'slow';
$handler->display->display_options['style_options']['easing'] = '';
$handler->display->display_options['style_options']['auto'] = '0';
$handler->display->display_options['style_options']['wrap'] = 'both';
$handler->display->display_options['row_plugin'] = 'fields';
/* Field: Content: Cover Image (field_image_upload) */
$handler->display->display_options['fields']['field_image_upload_fid']['id'] = 'field_image_upload_fid';
$handler->display->display_options['fields']['field_image_upload_fid']['table'] = 'node_data_field_image_upload';
$handler->display->display_options['fields']['field_image_upload_fid']['field'] = 'field_image_upload_fid';
$handler->display->display_options['fields']['field_image_upload_fid']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['field_image_upload_fid']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['field_image_upload_fid']['alter']['trim'] = 0;
$handler->display->display_options['fields']['field_image_upload_fid']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['field_image_upload_fid']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['field_image_upload_fid']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['field_image_upload_fid']['alter']['html'] = 0;
$handler->display->display_options['fields']['field_image_upload_fid']['hide_empty'] = 0;
$handler->display->display_options['fields']['field_image_upload_fid']['empty_zero'] = 0;
$handler->display->display_options['fields']['field_image_upload_fid']['link_to_node'] = 0;
$handler->display->display_options['fields']['field_image_upload_fid']['label_type'] = 'none';
$handler->display->display_options['fields']['field_image_upload_fid']['format'] = 'thumbnail_80_linked';
/* Sort criterion: Node: Post date */
$handler->display->display_options['sorts']['created']['id'] = 'created';
$handler->display->display_options['sorts']['created']['table'] = 'node';
$handler->display->display_options['sorts']['created']['field'] = 'created';
$handler->display->display_options['sorts']['created']['order'] = 'DESC';
/* Filter: Node: Type */
$handler->display->display_options['filters']['type']['id'] = 'type';
$handler->display->display_options['filters']['type']['table'] = 'node';
$handler->display->display_options['filters']['type']['field'] = 'type';
$handler->display->display_options['filters']['type']['value'] = array(
  'asset' => 'asset',
  'scrapbook_page' => 'scrapbook_page',
);
/* Filter: Node: Published or admin */
$handler->display->display_options['filters']['status_extra']['id'] = 'status_extra';
$handler->display->display_options['filters']['status_extra']['table'] = 'node';
$handler->display->display_options['filters']['status_extra']['field'] = 'status_extra';

/* Display: Popular Today Block */
$handler = $view->new_display('block', 'Popular Today Block', 'popular_today_block');

/* Display: Popular This Week Block */
$handler = $view->new_display('block', 'Popular This Week Block', 'popular_this_week_block');

Comments

hixster’s picture

Same, i am experiencing an issue with VDtabs and a carousel on the same page. I have a carousel that displays featured ubercart products. Directly underneath I have a view that has 2 display tabs which lists products. The display tabs switch from grid to list views. The grid view is the default option tab. When I switch to the list view, which is the non-default option. My carousel navigation arrow changes direction, and subsequent clicking on the directional arrow updates the carousel, but the views rows start to go missing.