We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

formatting of listview

Thread ID:

Created:

Updated:

Platform:

Replies:

130423 May 11,2017 10:33 PM UTC May 15,2017 08:37 AM UTC ASP.NET MVC 3
loading
Tags: ListView
lawrence greenberg
Asked On May 11, 2017 10:33 PM UTC

Would you please show how to format the listview (heading and entries -fontsize, dimensions of titlebox and entries).
thank you.
Larry Greenberg

Selvamani Sankarappan [Syncfusion]
Replied On May 12, 2017 11:13 AM UTC

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. 


lawrence greenberg
Replied On May 12, 2017 01:21 PM UTC

Thank you Selvamani

Arun Palaniyandi [Syncfusion]
Replied On May 15, 2017 08:37 AM UTC

Hi Lawrence, 

We are glad that our solution has helped you out. 

Please let us know if you have any queries in future. 

Regards, 
Arun P. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;