Forum Discussion

MattiasJahr's avatar
MattiasJahr
Community Member
4 months ago

Embed HTML code into Rise

Hi! I'm rather new to the Rise experience, and loving it so far! Do any of you know how to embed html code into Rise? I want to embed an image of an ECT graph so that I can see only parts of it at the time and scroll back and forth to examine different parts of the graph. A helpful colleague provided me with this code, which works wonders in another, more basic elearning authoring tool, but does not seem to be doing anything in Rise. I have tried to simply paste the code into the embed block and I have tried putting it in an iframe in the same block. No luck. Any ideas on how to procede?

Here is the code in question:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div.scroll-container {
background-color: #333;
overflow: auto;
white-space: nowrap;
padding: 0px;
}

div.scroll-container img {
padding: 0px;
}
</style>
</head>
<body>
<div class="scroll-container">
<img src="https://ctgutbildning.se/images/Overvakning/2_3_6.png" alt="CTG" width="1920" height="200">
</div>
</body>
</html>

Thanks in advance!

- Mattias Jahr