List View Background Not Changing

[jleem]

I have a list view that includes a container. I am trying to remove the background of the list view so that the containers look spaced out on the canvas color. Instead, they are currently sat on top of the white background and I cannot remove or change the background color of the listview component.

Can anyone help? Is there some CSS I can put in place instead to circumnavigate this issue in the UI?

Thanks in advance!

[AnsonHwang]

@jleem

I have a list view that includes a container. I am trying to remove the background of the list view so that the containers look spaced out on the canvas color. Instead, they are currently sat on top of the white background and I cannot remove or change the background color of the listview component.

welcome to comunity,
Is this what you want ?

Here is css

._retool-container-listView1 .retool-container {
 box-shadow:none;
 background:none;
 outline:none;
}

If you what to apply it to organization app, you should put it in the preload css of setting of global.

Here a related topic for your refer.

Remove border from Editable Text1 component

Hello, When the Editable Text1 has focus, there is a slight blue border around it: [image] How can we delete or hide this? Thanks! Patrick

Can we create common CSS

Hello, which components do you means? The custom component can use CSS

[jleem]

Thanks @AnsonHwang ! Just what I was after.

[PatrickMast]

Thank you @AnsonHwang, but since the Listview component has a "Style" section, I think we need to consider this a bug.

It should be able to set the background of the listview via the styles settings:

@Tess @retool-team

[Tess]

Hi there! Yes, this is a regression bug

Our team is looking into it now & I hope to have a fix for you soon

[Tess]

Looks like the fix will ship to Cloud next Wednesday!