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.
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>
That works - Thanks!