Angular Css Classes

[Cesar Smerling]

Hello!

There is some documentation and examples of the css classes for styling text, colors, etc. For example I see in the List View that there are some classes like e-list-wrapper, but I don't know what they do.

Thanks

[Shameer Ali Baig Sulaiman Ali Baig]

Hi Cesar, 

 

Greetings from Syncfusion support. 

 

We have checked your expected requirement with ListView component. 

 

Please find the CSS class list for our components and its use cases in ListView component. Using the below table, you can customize the ListView component to meet your requirement. 

Class Name	Description
e-listview	Root class of the ListView component
e-hover	Add in li item, when hover over it
e-active	Add in li item, when it is active
e-focused	Add in li item, when it is focused
e-list-parent	Available with the ul elements(parent) of the list items
e-list-item	Available with all list item elements of ListView
e-text-content	Available to text container element within each list item of ListView
e-list-text	Applied to text span element, when no template functionality is used with ListView
e-list-group-item	Available with list item which denotes group name in ListView (available when using group template)
e-has-child	Applied to any list item, when it has nested list items.
e-list-header	Applied to the header element, when enabling header in the ListView
e-headertext	Applied to the text element(span) of the header
e-disabled	Adding this class disables particular list item
e-content	First child element of root element, it contains the entire ul and li items of ListView
e-icons	This class adds the default font styles required for ListView component
e-icon-back	Available with node back element, which helps to navigate to the parent view
e-checkbox-wrapper	Applied to the container element of checkbox element in ListView
e-checkbox	Applied to the checkbox element
e-check	Applied to checkbox, when it is in checked state
e-checklist	Applied to the list item, when its child checkbox is checked
e-checkbox-right	Applied to parent element of container element of checkbox when the checkbox aligned right
e-checkbox-left	Applied to container element of checkbox when the checkbox aligned left
e-listview-checkbox	Applied to the parent container element of checkbox

 

 

Please, check out the following links to know more about EJ2 ListView in Angular platform. 

 

Demos: https://ej2.syncfusion.com/angular/demos/#/material/listview/default  

 

Documentation: https://ej2.syncfusion.com/angular/documentation/listview/  

 

API Reference: https://ej2.syncfusion.com/angular/documentation/api/list-view/  

 

Please, let us know if you need any further assistance. 

 

Regards,
Shameer Ali Baig S.