/
How can I add a scrolling feature to my field?

How can I add a scrolling feature to my field?

Apr 25, 2023

Using HTML, you can create a box of text which will allow the participant to scroll through rather than having to scroll on the entire page.

 

Here’s a sample code snippet:

<div style="height:100px;width:auto;border:1px solid #ccc;overflow:auto;background-color: #79c2ed">
<h5> Your header text here</h5>

 

In this example, our header says: “Detailed Information About This Research Study”. We place the code snipped just above this line.

The color we used in the snippet is #79c2ed, a medium blue color. You can create your own color and find the hex code by searching “html color picker” in Google and the use that code to modify the snippet.

You can also change the size of the scroll box by changing the height value.

The finished result will look something like this:

 

Note: If using the rich text editor, it is best to paste this snippet in using the <> (source code view) within the editor