How to Remove the Stippled Background in Web ListBox?

Hi everyone,

I’m working on a Xojo Web App and noticed that the background of the WebListBox has a stippled (dotted) pattern. This happens even when I set a solid background color.

Is there a way to remove this effect and have a clean, solid background?

I’m attaching a screenshot to show the issue.

Thanks in advance for any help!

Hi @Christoph_Romstorfer, give this a try. Put this code inside the App > HTML Header:

<style>
.XojoListBox div.dts div.dataTables_scrollBody {
  background: none;
}

/* For Dark Mode */
[data-bs-theme=dark] .XojoListBox div.dts div.dataTables_scrollBody {
  background: none;
}
</style>

Instead of none, you can set any other color you want.

3 Likes

This doesn’t work in Version 2025 Release 2.1.

Put the following code in the Opening event of a weblistbox. Drag the page indicator in the listbox scrollbar quickly from top to bottom, the striped background is still visible.

// Opening

me.DefaultRowHeight = 20
me.HeaderHeight = me.DefaultRowHeight
me.HeaderAt(0) = “Organization”

for i As Integer = 1 to 1000
me.AddRow("Company " + str(i))
next

Try in App HTML Header:

<style>
.XojoListBox div.dts div.dt-scroll-body {
    background-image: none !important;
}
</style>
1 Like

That works - Thanks!