Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
This is the place for questions about learning design and pedagogy; how to use different page types for different purposes.
  • Page:
  • 1

TOPIC:

Scrolling 4 years 10 months ago #6290

  • rowanscribbles
  • rowanscribbles's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 8
  • Thank you received: 0
HI does Xerte support scrolling like Articulate or HP5?
thanks
Brendan

Please Log in or Create an account to join the conversation.

Scrolling 4 years 10 months ago #6292

  • drlara
  • drlara's Avatar
  • Offline
  • New Member
  • New Member
  • Posts: 15
  • Thank you received: 9
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);
}
Attachments:
The following user(s) said Thank You: rowanscribbles

Please Log in or Create an account to join the conversation.

Scrolling 4 years 10 months ago #6295

  • rowanscribbles
  • rowanscribbles's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 8
  • Thank you received: 0
Wonderful thanks - I'll give that a go
much appreciated
Brendan

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
Moderators: ingdon
Time to create page: 0.044 seconds
Copyright © 2024 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search