Hello,

Running browser testing on a new site, Views Ticker seems to only display one item (or possibly displays them stacked) when scrolling horizontally in Internet Explorer. I tried setting Inline Fields in Views with no luck, and running IE in Compatibility Mode fixes the issue.

Is there any way to fix this problem?

Thanks!

Comments

raghukr’s picture

Can you post more details like OS, IE version, etc?

CrashNet’s picture

Sure raghukr.

I've tested on IE 8 and 9 so far on the Windows 7 OS. I did some testing to determine if it was displaying multiple node titles as a stack, however cannot find this issue. For some reason, only the first rendered node title scrolls. No other node titles display.

Please let me know what other information I may provide to help you.

lias’s picture

I'm having this same problem using 6x-2.0 version. I can fix by using compatibility view but not all viewers will know to do this.

raghukr’s picture

Please post a screenshot, & the export of the view.

mrvee’s picture

I'm experiencing the same issue on IE9. Only the first entry displays in the ticker, but in the Views setup screen, it displays all the values.

Issue only occurs in IE9. All other browsers display correctly. When I switch IE9 to compatibilty mode, it displays correct.
I've tested with 7.x-2.0 and 7.x-2.x-dev using Chrome, Firefox and IE. It seems to work fine in earlier versions of IE

Find view export below:

$view = new view();
$view->name = 'new_stores_ticker';
$view->description = '';
$view->tag = 'default';
$view->base_table = 'node';
$view->human_name = 'New Stores Ticker';
$view->core = 7;
$view->api_version = '3.0';
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */

/* Display: Master */
$handler = $view->new_display('default', 'Master', 'default');
$handler->display->display_options['use_more_always'] = FALSE;
$handler->display->display_options['access']['type'] = 'perm';
$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'] = 'none';
$handler->display->display_options['pager']['options']['offset'] = '0';
$handler->display->display_options['style_plugin'] = 'views_ticker';
$handler->display->display_options['style_options']['vTicker_Options'] = array(
  'vTicker_mouseover' => 0,
  'vTicker_speed' => '500',
  'vTicker_pause' => '1000',
  'vTicker_items' => '5',
  'vTicker_direction' => 'up',
);
$handler->display->display_options['row_plugin'] = 'fields';
/* Field: Content: Title */
$handler->display->display_options['fields']['title']['id'] = 'title';
$handler->display->display_options['fields']['title']['table'] = 'node';
$handler->display->display_options['fields']['title']['field'] = 'title';
$handler->display->display_options['fields']['title']['label'] = '';
$handler->display->display_options['fields']['title']['alter']['word_boundary'] = FALSE;
$handler->display->display_options['fields']['title']['alter']['ellipsis'] = FALSE;
$handler->display->display_options['fields']['title']['element_label_colon'] = FALSE;
/* Sort criterion: Content: 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 criterion: Content: Published */
$handler->display->display_options['filters']['status']['id'] = 'status';
$handler->display->display_options['filters']['status']['table'] = 'node';
$handler->display->display_options['filters']['status']['field'] = 'status';
$handler->display->display_options['filters']['status']['value'] = 1;
$handler->display->display_options['filters']['status']['group'] = 1;
$handler->display->display_options['filters']['status']['expose']['operator'] = FALSE;
/* Filter criterion: Content: 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(
  'cc_store_profiles' => 'cc_store_profiles',
);
/* Filter criterion: Content: Flag Store as new (field_flag_store_as_new) */
$handler->display->display_options['filters']['field_flag_store_as_new_value']['id'] = 'field_flag_store_as_new_value';
$handler->display->display_options['filters']['field_flag_store_as_new_value']['table'] = 'field_data_field_flag_store_as_new';
$handler->display->display_options['filters']['field_flag_store_as_new_value']['field'] = 'field_flag_store_as_new_value';
$handler->display->display_options['filters']['field_flag_store_as_new_value']['value'] = array(
  1 => '1',
);

/* Display: Block */
$handler = $view->new_display('block', 'Block', 'block');
$handler->display->display_options['defaults']['hide_admin_links'] = FALSE;
toastytheog’s picture

I have the same issue, with an added problem. on page load, it lists all of the ticker items vertically, not applying the styling until I hit refresh.
I've had issues with IE not floating things properly if there isn't a set width. This could be the case here.

Anonymous’s picture

I had this same issue. I found a comment here:

http://arstechnica.com/civis/viewtopic.php?p=21776712&sid=eb228d7c6247e0...

that was very helpful. It seems as though IE doesn't always like it when you apply "white-space: nowrap" to the tag. If you apply "white-space: nowrap; float: left;" to the tags that wrap the tags, then it seems to fix the problem (at least for me). I just added the following to my CSS:

span.views-liScroll-tick-field{
  float: left;
  white-space: nowrap;
}

I'm not sure what variations you might have to use to get it to work in your scenario, but hopefully this gets you down the right path.

Anonymous’s picture

Actually, this worked better:

http://forums.asp.net/t/1851105.aspx/1

I just put:

float:none;
display:table-cell;

on the and

  • tags above the tag.
  • Max2505’s picture

    Issue summary: View changes

    I have the same issue, but I'm not so familiar with css.
    To which file do I need to add this?