Rounded image on the list page

hi i want to ask,
on the list page I choose a picture, how do I make the picture round, where do I put the rounded class on the picture on the list page?
Can you give an example of the code and where to put it?
i am beginner.
Thank You

You may add custom attribute to the image tag and then select the image tags by your custom attribute and add your styles under HTML → Styles → User tab.Also see:

I’ve been looking for the selector component but can’t find it.
can you help me to make a certain column of text centered. not the header caption but fill in some of the columns, not all of the columns.
which I found in the group for all columns.I use the right aligned text code, why doesn’t it work?
but text-center can work$this->name->addClass(“text-right”); not workI use code like this but the header caption is rounded too :smiley:
$this->photo->addClass(“text-center rounded-circle”);Thank You

You may try:$this->photo->ViewAttrs[“class”] = “text-center rounded-circle”;

thanks for the response, the code works on the list page,
what if I apply the code to add and edit the form, when I upload an image, the image is not rounded, I put the code on edit page → page render.$this->photo->ViewAttrs[“class”] = “text-center rounded-circle”;

https://discourse.hkvstore.com/t/inspect-html-element-and-add-your-own-css-styles/6310/1