Remove Line from List, how?
Question

Hi,

I am using a list widget that is being populated by an aggregate.

If you see below there is a line between every row.

Tried to use some Css but did not work.

Any tips?

Kinds regards.



Hi Pedro,

Please use below CSS in your screen -

.list-item {
    border-bottom: none !important;
    
}

https://personal-itafqtdv.outsystemscloud.com/ExcelSample/ListSample



Thanks

Vinod

Hello Pedro,

use this CSS

.list-item 

{

 border-bottom:none; 

}


hope this will helps you,

Thanks and Regards,

Akshay Deshpande

Solution

Again, you dont need important, and please avoid important.

You can easily do this. But I would advise you if you want this to be general, that's ok. But if is just an exception I would create a parent class that will control this exception., And every time you want to execute this exception, you just put in a container the parent class and inside of the container the list.

-For any case

.list-item{

.border-bottom: var(--border-size-s) solid transparent;

}

-For exception

.parent-class-exception .list-item{

.border-bottom: var(--border-size-s) solid transparent;

}

And I choose to put transparent because this way you don't lose that border space "var(--border-size-s)".

But yes, there are a lot of options like the ones that were already shared. :)

Regards,

Márcio

Hi Pedro,

Please use below CSS in your screen -

.list-item {
    border-bottom: none !important;
    
}

https://personal-itafqtdv.outsystemscloud.com/ExcelSample/ListSample



Thanks

Vinod

Hello Pedro,

use this CSS

.list-item 

{

 border-bottom:none; 

}


hope this will helps you,

Thanks and Regards,

Akshay Deshpande

Thank you everyone !!

Solution

Again, you dont need important, and please avoid important.

You can easily do this. But I would advise you if you want this to be general, that's ok. But if is just an exception I would create a parent class that will control this exception., And every time you want to execute this exception, you just put in a container the parent class and inside of the container the list.

-For any case

.list-item{

.border-bottom: var(--border-size-s) solid transparent;

}

-For exception

.parent-class-exception .list-item{

.border-bottom: var(--border-size-s) solid transparent;

}

And I choose to put transparent because this way you don't lose that border space "var(--border-size-s)".

But yes, there are a lot of options like the ones that were already shared. :)

Regards,

Márcio

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.