How to configure layout for webpage including scrollbars

Get Help
1

Hello,

I would like to use a xibo display with my standard layout and in this layout I’ve put a region with webpage content. This webpage have sometimes scrollbars. It gets displayed when I am browsing with a normal browser on it but they doesnt get displayed in the layout. As I am using a touchscreen I would be in need of them. How can I enable that?

I am using the actual xibo 1.8.1 version

2

It’s not directly supported, also the action you can take on a external webpage over 3rd party application is rather limited, but please have a look here, as we’ve already had similar discussion - How to auto-scroll a webpage?

3

Hi,

yea, that page I’ve seen. But in my case I don’t want to have it auto scrolled, I would like to have just a normal standard scrollbar. Just like it’s right now on the right side of this forum. So that a user can scroll down that site by himself.

Is that possible to do? I’ve tried any of the open ways already
(natively, best fit…)

4

I did an else solution now. I’ve added two buttons to scroll up and down.

Maybe I can help somebody else also - here is the code:

CSS Part:

.buttonscrolldiv {
margin-right: 20px;
float: right;
height: 300px;
}

.buttonscrollup {
width: 100px;
height: 100px;
position: fixed;
top: 40%;
right: 10px;
}

.buttonscrolldown {
width: 100px;
height: 100px;
position: fixed;
top: 60%;
right: 10px;
}

HTML part:

<script>
function scrollWinup() {
window.scrollBy(0, -100);
}
function scrollWindown() {
window.scrollBy(0, 100);
}
</script>

<div class="buttonscrolldiv">
<a onclick="scrollWinup()"><img src="images/scrollupw.png" class="buttonscrollup"></a>
<a onclick="scrollWindown()"><img src="images/scrolldownw.png" class="buttonscrolldown"></a>
 </div>

It will create two buttons which will scroll up and down.