Scroll automatically through web page

  • 1
  • Question
  • Updated 3 years ago
  • Answered
Just wondering if this is possible. We have some websites we want to show but want the ability for rise to autoscroll down the webpage.
Photo of Gartree High

Gartree High

  • 806 Points 500 badge 2x thumb

Posted 3 years ago

  • 1
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Gartree,

This is currently not something that is possible with the use of the Web Page Widget. You could possibly do this using your own custom HTML, but I'm not familiar at all with the process. Let me ask a colleague and I'll get back to you.
Photo of Ashleigh

Ashleigh

  • 3,740 Points 3k badge 2x thumb
Hi Gatree,

Does this look like what you're looking for?: http://preview.risevision.com/Viewer.html?type=presentation&id=482806c8-d07d-44a9-a962-54c3e5bac...

If so, you will need to implement the HTML widget into your presentation. In the configuration text box, insert this code:
<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">
    <title></title>
    
    <style>
    .iframe {
        overflow-y: scroll;
        overflow-x: hidden;
        overflow: hidden;
       animation: scroll 500s infinite linear;
      	position: absolute;
      	top: 50%;
      	margin-top: -380px;
}

    @keyframes scroll{
  to{
    margin-top: -11000px;
  }
} 
    </style>
    
</head>
<body>
   <div class="iframe">
    <iframe src="http://risevision.com" frameborder="0" width="600" height="2000">
    <p>test</p>
</iframe>
</div>

</body>
</html>

Adjust the values to suit your needs. I hope this helps!
Thanks for this, this is great.  It appears to work in testing, using the 'Save and Preview', but the scrolling feature does not convey when playing this on the Rise Player in Chromium.  Would anyone have any insight as to why this might not work?
A bit more info.  This works on Rise Player in Windows machine, but not on a Ubuntu 14.10 with Chromium and Rise Player installed.
Photo of Robb

Robb, Official Rep

  • 76,676 Points 50k badge 2x thumb
Trinity,

I'm seeing the custom code listed above on my Display running the new Electron browser. Has the Presentation been published?

Thanks!
Hmm, yes, it's published and loads the section of the HTML Widget correct, just does not begin scrolling at all.
Photo of Robb

Robb, Official Rep

  • 76,676 Points 50k badge 2x thumb
Hmm...I'm afraid I can't help here as I see it scrolling on both Windows and Linux. 

Is there anything else in the Presentation? Perhaps it is the problem?
Photo of Gartree High

Gartree High

  • 806 Points 500 badge 2x thumb
Hi that looks great.

How would i add the websites i want to show on there?

Thanks

Josh
Photo of Gartree High

Gartree High

  • 806 Points 500 badge 2x thumb
I tried changing the iframe src to http://www.google.com but that would not change.

Thanks
Photo of Ashleigh

Ashleigh

  • 3,740 Points 3k badge 2x thumb
Hi,

Yes I tried that as well and it didn't work. It is most likely something set on their end that won't allow iframes. How does your personal webpage work?
Photo of Gartree High

Gartree High

  • 806 Points 500 badge 2x thumb
Yes i tried my company website as well and still no joy.

Can you think of another way of doing this?

Thanks

Josh
Photo of Ashleigh

Ashleigh

  • 3,740 Points 3k badge 2x thumb
Gartee,

May I have the link to the page you are trying to load? 

Thanks!
Photo of Gartree High

Gartree High

  • 806 Points 500 badge 2x thumb
Sorry thought i had linked it

http://www.gartree.leics.sch.uk/
Photo of Ashleigh

Ashleigh

  • 3,740 Points 3k badge 2x thumb
Hi Gartee! 

Okay. Some websites don't allow external targets due to security issues. See: https://en.wikipedia.org/wiki/Cross-site_scripting

One workaround would be using the .load() function: http://api.jquery.com/load/ but I'm still confirming with a team member if that can be easily implemented in the HTML editor.

Here is one workaround: You can create a new presentation and paste your index.html code into the HTML tab. Right click your webpage and click "view source". There you will find the code to paste into your presentation.
HOWEVER - you will need to put http://www.gartree.leics.sch.uk/ infront of the assets you are loading since they are loaded over there.

So for example, in your code you have:

<li class="nav-tutor-teams"> <a href="/about-us/tutor-teams" title="Tutor Teams">Tutor Teams</a>

If you change it to:

<li class="nav-tutor-teams"> <a href="http://www.gartree.leics.sch.uk/about-us/tutor-teams" title="Tutor Teams">Tutor Teams</a>

It will load your element. Does this make sense? If you'd like, I can manually do this for you. Since users can't navigate your presentation, and only need a visual of your home page, this should be easy as you only need to insert .index.html - loading the divs and images are most important.

Let me know if this helps!
(Edited)