DataListItem style

Radzen Studio Blazor Server
1

Hi!

I'd like to override the default style of the list items. (I simply don't want them to have border and padding)
But I can't figure out how it is possible.
If I write to the Style attribute of the RadzenDataList it doesn't change the list item.
In the template there is no place for style.
Anything under the template won't change it.

Any idea how can I achieve this?
Thanks

1 Like
2

You can use the following style:

.ui-datalist-data > li, .ui-g > div {
    border-width: 0px;
}

image
image.png1920×1080 126 KB

image
image.png1920×1080 72.1 KB

1 Like
3

I tried this and it didn't work. Any other work-arounds to remove the border and padding from RadzenDataList? Thank you!

4

This post is old and the names of the CSS classes are different. Use your browser developer tools inspector to check what classes are used now.

image
image1920×1080 233 KB

5

For others who stumble upon this question, I was having the same symptoms, but the root problem was I was applying the style in a CSS Isolation file. There's more detail around that in this question: CSS Isolation not working with Radzen components - #7 by barry8schneider