DataListItem style


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?

1 Like

You can use the following style:

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

1 Like

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

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.

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