List view row styling

0
How can I change the CSS styling for the list view row selection? I want to make the row entries bold and the border thick with a different color. Is there a specific class wherein I need to define the styling specifications similar to the Data grid?
asked
3 answers
3

Do you want to change the styling for one specific list or all lists in your application? If you want to do it for a specific listview, give it a class (e.g. customlist) in the Modeler and put the following code in your _custom.scss file:

.customlist > ul > li {

font-weight: bold; //Makes text bold

border: 10px red solid //Change thickness of border and change colour to red

}

The > ul > li brings you down from the listviewclass to its seperate listitems (li). If you want to change it for all listviews, just replace customlist with mx-listview. Hope this helps.

EDIT: To get styling for selected rows only, use:

.customlist .selected {

font-weight: bold; //Makes text bold

border: 10px red solid //Change thickness of border and change colour to red

}
answered
0

Check the theme folder > theme\styles\sass\lib\components and look for listview.scss

Here you will find all the details you need

answered
0
.customlist > ul > li {

font-weight: bold; //Makes text bold

border: 10px red solid //Change thickness of border and change colour to red

}

Hi, how does the “.customlist > ul > li” work? Or in other words: What is the specific term to google for and find the correct documentation? ;-)

answered