nuBuilder Forum

Posted: **Thu Jan 05, 2023 1:34 pm**

Hello,

I have an HTML object and I would like to have a vertical scrol when I have reach the bottom of the Html control.

Capture.PNG

Any idea ?

Yves

Posted: **Thu Jan 05, 2023 2:58 pm**

To add a vertical scrollbar to a div element, you can use the overflow-y property in CSS.

Here's an example:

.scrollable-div {
  height: 200px; /* Set a fixed height for the div */
  overflow-y: scroll; /* Add the scrollbar */
}

You can also use auto instead of scroll if you want the scrollbar to appear only when necessary.

.scrollable-div {
  height: 200px; /* Set a fixed height for the div */
  overflow-y: auto; /* Add the scrollbar only when necessary */
}

You can then apply this class to your div element in your HTML:

<div class="scrollable-div">
  <!-- Your content goes here -->
</div>

I hope this helps! Let me know if you have any questions.

Posted: **Fri Jan 06, 2023 10:43 am**

Thanks Kevin,

Where should I update the css ? and apply the class to my object ?
Many thanks and sorry I am beginner with nubuilder...

Yves

Posted: **Fri Jan 06, 2023 10:47 am**

The content of the HTML object must look like this:

<div class="scrollable-div">
  <!-- Your content goes here -->
</div>

Add the CSS in Form Properties -> Custom Code -> Style

Posted: **Fri Jan 06, 2023 11:30 pm**

Hello Kevin,

Tried to do your modifications without success unfortunately.

Behind the HTML control

Capture1.PNG

and behind the custom CSS on the form

Capture2.PNG

The output doesn't show any vertical scrollbar

Capture3.PNG

What is wrong ?
Thanks for your help,

Yves

Posted: **Sat Jan 07, 2023 3:18 am**

Solved. It was due to a typo in the nuSetValue behind Custom Field tab (onload event)

How to activate vertical scroll in HTML object