how to customize style of listviews item?

0
Hi,  I want to customize list view style in native app.  I refer to the https://docs.mendix.com/howto/front-end/customize-styling-new#2-2-2-native-environment-example,  but it not work.   My question is: In my list view,  the nest element level is : listview>container>layoutGrid. Which level should be selected and put the class name in its property?   What i want to do is: Give each line of list view a shadow and radious.  Make  eache line looks like a card.    
asked
3 answers
3

Unfortunately, this is the only way to customize the items, we’ve used the same tutorial and it worked like a charm.

answered
2

Looks like you should put the class name inside the grid layout items, then you can customize the layout for the itens inside the listview. If you could put some more information (prints maybe), on what it looks like now, we could check if that’s on the right order.

answered
0

You need to target the <li> tag from a custom class added to the listview. To do so you can use something like this:

.my-class > ul > li {
  border-radius: 4px;
 // Other properties
}

 

answered