0

HTML 5 site - not showing info div in XD1030 - Firmware 4.7.416

Leonardo Pautasio

August 12, 2014 16:19

None

Follow

Hi! This is my first time developing for BrightSign players. I have a client with a XD1030 model, and they need an HTML 5 site that should gather the information from a RSS feed. I developed the site and I can see it correctly on Chrome, but they can't see part of the site on their player.

This is the URL: http://ryder.cri.stage.env.plus54.com/Screen/index.html#zipcode=10001

The zipcode is a variable that I use inside the code to get the RSS feeds. For each slide, the icon tiles are shown, but not the information portion (not even the backgroung image, client tells me they see a black background).

Is there a way I can emulate the BS player? Do you see anything wrong in the site that might be generating this issue?

Thanks in advance for your help!

Leo

• Facebook
• Twitter
• LinkedIn

3 comments

• 0
  
  Lyndon August 13, 2014 20:29

  Leonardo, 

   

  One of my colleagues made some changes that improved performance. Here's his feedback:

   

  "I was able to get this working with some minor adjustments related to CSS position and size. It seems our version of webkit prefers absolute positioning:

   

  In main.js, change:

   

  $(this).children('.content').css('width','0').animate({opacity: 0});

  to

  $(this).children('.content').animate({opacity: 0});

   

  and

  $this.children('.content').css('width','1440').animate({opacity: 1});

  to

  $this.children('.content').css('position','absolute').css('left','478px').css('top','0px').animate({opacity: 1});

   

  In main.css, change:

   

  .content {width: 0; height: 1080px; display: inline-block; opacity: 0; } 

  to

  .content {width: 1440px; height: 1080px; display: inline-block; opacity: 0; } "

• 0
  
  Leonardo Pautasio August 14, 2014 13:25

  Thanks a lot! We made the modifications, the client tested the site, and it's working great!

• 0
  
  Dwight Burgos August 01, 2019 12:13

  Just wanted to add to this post in case others are having similar issues.  I was working with divs as well and the player would not display the 2 columns side by side as designed and as it showed (correctly) on all other browsers I tested with.  Before I opened a ticket with Brightsign Support I decided I should update the player's firmware to 8.0.48 and BOOM!  The HTML started displaying correctly as designed.  So if anyone is having issues with how your player is displaying HTML, please try a firmware upgrade.

  Dwight