Weblistbox Scrollbar is off when row height is smaller

Targets Web
1

When changing the row height of a weblistbox, the scrollbar still seems to calculate it’s position based on the original height

image
image844×436 42.3 KB

Does anyone know how fix this?

I’m using this in the html header to change the row height.

.table-striped tbody { line-height: 0.2; }

Thanks!

2

What I see is that Xojo is adding the following code to the scroll body after the table:

<div style="position: relative; top: 0px; left: 0px; width: 1px; height: 2450px;"></div>

but I don’t know the reason.

Now that you changed the row height, the height for the 50 rows (if you have 1 to 50) is 1409 and not 2450 but the above code makes the area to scroll past Row: 50 for many more blank rows.

image
image877×486 98 KB

We can remove the code but I don’t know what we will break with that change.

In the listbox Shown event:

ExecuteJavaScript("$('#"+me.ControlID+"_table').next().remove();")

In the webpage Resized event the same:

ExecuteJavaScript("$('#"+listbox1.ControlID+"_table').next().remove();")

Let me know if you use this and if this breaks something.

3

This code solves the problem with the scroll bars and doesn’t seem to cause any issues. I don’t know why the div following the table exists, as it doesn’t seem to do anything useful.

Thanks!

1 Like
4

Actually, There is a problem. When the listbox is set to resize vertically with the window, and the window is set to a small height, when the scrollbar is all the way to the bottom, some of the rows are not displayed. So for now, I’m going to use the default row height.

5

We will need to wait for your Feature Request:
#71427 - Please add a property or method to set the row height and header height on WebListBox

1 Like