Hi Lawrence,
Thanks for contacting Syncfusion Support.
You can customize the ListView header and entries using our existing property “CssClass”. By defining the root class using this API, you can change the theme style to your own; in this case, you need to include this root class in that .css file in a project. Please refer to the below code example:
|
[cshtml]
@(Html.EJ().ListView("testListView").DataSource(ds => ds.URL("http://mvc.syncfusion.com/Services/Northwnd.svc/")).Query("ej.Query().from('Customers').take(5)").ShowHeader(true).HeaderTitle("List View").CssClass("customclass").FieldSettings(fs => fs.Text("CustomerID")).Width(350).Height(500))
|
|
[style]
.e-lv.customclass .e-htitle, .e-lv.customclass .e-btn-text {
font-size: 20px; //customize the header font-size
height:35px;
}
.e-lv.customclass .e-header {
height: 60px; //customize the header dimensions
}
.e-lv.customclass .e-list {
font-size:16px; //customize the list items font-size and dimensions
line-height:25px;
} |
We have prepared a sample based on this. Please refer to the following sample:
To know more about ListView component properties, methods and events. Refer to the following link:
If you still have any difficulties, let us know and we will be happy to help you.
Regards,
Selvamani S.
