Twitter posts with pictures

Comments

12 comments

  • Avatar
    Tim Scholefield

    anyone figure out the HTML code to get the twitter embed code to automatically scroll using this work around? We are using this work around on our Chromebox signage. We have the HTML code and have tried both using the webpage and HTML widgets. No success to auto scroll. 

     

    1
    Comment actions Permalink
  • Avatar
    David Lee

    I had to create a website that embedded my twitter feed there.  Then i embedded some javascript to scroll the twitter feed.  From there, I used the html widget on rise to have my website appear.

    Here's the javascript to be put in the html:

    <!DOCTYPE html>

    <html>

    <head lang="en">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta charset="UTF-8">

    <title>
    </title>

    </head>


    <body>

    ENTER TWITTER FEED CODE HERE

    </body>


    <script language="JavaScript1.2">


    var currentpos=0,alt=1,curpos1=0,curpos2=-1
    function initialize(){
    startit()
    }
    function scrollwindow(){
    if (document.all)
    temp=document.body.scrollTop
    else
    temp=window.pageYOffset
    if (alt==0)
    alt=1
    else
    alt=0
    if (alt==0)
    curpos1=temp
    else
    curpos2=temp
    if (curpos1!=curpos2){
    if (document.all)
    currentpos=document.body.scrollTop+1
    else
    currentpos=window.pageYOffset+1
    window.scroll(0,currentpos)
    }
    else{
    currentpos=0
    window.scroll(0,currentpos)
    }
    }
    function startit(){
    setInterval("scrollwindow()",10)
    }
    window.onload=initialize
    </script>
    </html>

     

    Hope this helps!

    1
    Comment actions Permalink
  • Avatar
    Colby Maughan

    Hello David,

    Unfortunately the Widget doesn't support pictures at this point in time, but it's possible to create an HTML or Web Page Widget to display a Twitter feed instead of using our Twitter Widget if you need pictures as well.

    1. Follow this article to get embed code for the feed you want to use.
    2. In your presentation in Rise Vision, add an HTML Widget to a placeholder.
    3. Paste the embed code between the <body> and </body> tags in the HTML widget.
    4. Click save.


    Please keep in mind:
    - The embedded feed won't scroll.
    - The HTML widget doesn't listen automatically for updates.


    You can work around this by using a web page widget instead.


    -  The Web Page Widget supports automatic scrolling of content.  It adds a layer of complication, though, because you'll need to create a Web Page.  (You can copy and paste it from the HTML widget into a text file, change the file extension to HTML, then upload it to Rise Storage)
    - The Web Page Widget also has a feature you can enable to reload it every time it appears on screen. The only catch is, it will need to rotate with some other content for it to do what you want.

    I hope this helps!

    0
    Comment actions Permalink
  • Avatar
    David Lee

    This helps a lot!  I got the webpage widget to appear, but I can't find a way to get it to automatically scroll.  Is that a checkbox feature embedded in the widget, or do we have to code that in the html itself?

    Thanks again!

    0
    Comment actions Permalink
  • Avatar
    Robb Price

    David,

    The scroll functionality would have to be built into the HTML itself. Let me know how you make out!

    0
    Comment actions Permalink
  • Avatar
    Robb Price

    Hi Tim,

    I know a user one time brought up this Stack Overflow article: https://stackoverflow.com/questions/33576068/element-autoscroll-for-twitter, but it doesn't scroll automatically.

    0
    Comment actions Permalink
  • Avatar
    Darius Aleksas

    See if this https://snapwidget.com/ can be of any help. I am using this for Instagram feed, but without scrolling. I know that it does have a scrollable version too.

    0
    Comment actions Permalink
  • Avatar
    Tim Scholefield

    Thanks. These are extremely helpful. Did you have to add code to get it to reload? I noticed that it errors out when it tries to reload or start from the top.

    0
    Comment actions Permalink
  • Avatar
    David Lee

    Hmm...I didn't have to. I have the widget cycle through with a few other widgets so I guess when it cycles around to the webpage widget it automatically resets itself.  

    0
    Comment actions Permalink
  • Avatar
    David Lee

    Under the web page widget settings, I have the refresh interval set to 1 minute and the two checkboxes underneath it checked (Unload Web Page when not visible in Presentation, Enable cache buster)

     

    Perhaps as a workaround add another widget and have it set on a timer for just a second or two so that when it reverts back to the html page it will reload for you automatically.

    0
    Comment actions Permalink
  • Avatar
    Jared Fausch

    I was able to use David's javascript to get the scrolling to work on the actual webpage and also in the preview screen for the rise vision webpage widget, but on the rise player it still does not scroll.  Is there a setting to change for that?

    0
    Comment actions Permalink
  • Avatar
    Robb Price

    Jared,

    I think the best person to answer here would be David.

    David, any chance you could share some wisdom here on how you got that code to scroll on a Display?

    0
    Comment actions Permalink

Please sign in to leave a comment.