- Berichten: 8
- Ontvangen bedankjes 0
This is the place for questions about learning design and pedagogy; how to use different page types for different purposes.
Scrolling
- rowanscribbles
-
Onderwerp Auteur
- Offline
- Nieuw lid
-
- drlara
-
- Offline
- Nieuw lid
-
6 jaren 6 maanden geleden #6292
door drlara
Beantwoord door drlara in topic Scrolling
Hi Brendan,
I believe you meant H5P.
AFAIK there are no optional properties to create a scrollable section.
But this could be done by adding the HTML and CSS code directly. I'm attaching an image showing the final result.
You need to click on the "Source" icon from the toolbar and enter a "<div>" container with the following styles:
<div style="height:200px; width:300px; overflow: scroll; border:1px solid gray; padding:10px">
</div>
Of course, you could modify the values for width and height, and so on. You could put there any content you want between the opening and closing <div> </div> tags and it will be scrollable. However, it looks like the scrollbar icon doesn't show by default in Mac, so you would need to add a "Styles" section from the "Optional Properties" column and enter the following styles:
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
I believe you meant H5P.
AFAIK there are no optional properties to create a scrollable section.
But this could be done by adding the HTML and CSS code directly. I'm attaching an image showing the final result.
You need to click on the "Source" icon from the toolbar and enter a "<div>" container with the following styles:
<div style="height:200px; width:300px; overflow: scroll; border:1px solid gray; padding:10px">
</div>
Of course, you could modify the values for width and height, and so on. You could put there any content you want between the opening and closing <div> </div> tags and it will be scrollable. However, it looks like the scrollbar icon doesn't show by default in Mac, so you would need to add a "Styles" section from the "Optional Properties" column and enter the following styles:
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.
- rowanscribbles
-
Onderwerp Auteur
- Offline
- Nieuw lid
-
Moderators: ingdon
Tijd voor maken pagina: 1.402 seconden