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.
Unfortunately, activation email could not send to your email. Please try again.

Styling Asp.net MVC Grid

Thread ID:

Created:

Updated:

Platform:

Replies:

90657 Oct 12,2009 04:55 PM Oct 15,2009 04:37 AM ASP.NET Web Forms (Classic) 1
loading
Tags: GridGroupingControl
Murad Kayani
Asked On October 12, 2009 04:55 PM

How can you style Syncfusion grid for Asp.net MVC using CSS? Is there any sample available? I don't want to use built-in themes.

Balaji M [Syncfusion]
Replied On October 15, 2009 04:37 AM

Hi Murad,

Thank you for your interest in Syncfusion products.

We are having customcss support in our Grid. We can achieve this in the following two ways.

1. Using CustomCss Property:

CustomCss allows to Gets or sets CustomCss which is applied for the Grid

Refer the below code snippet, which illustrates this.

public ActionResult Index()
{
GridPropertiesModel model = new GridPropertiesModel
{
DataSource = new StudentDataContext().StudentInfo.Skip(0).Take(20),
AllowSorting=true,
PagingSortingMapper="SortingAction",
Caption = "Student Information",
CustomCss="Syncfusion-Grid-Vista"
};

ViewData["GridModel"] = model;
return View();
}


2. Using set_skin() in Javascript.

set_skin() -allows to set the Skin-Name at the client side.

Refer the below code snippet, which illustrates this.
[Js]


Please refer the sample from below link.
http://files.syncfusion.com/support/grid_mvc/Incidents/I61071/Mvc_SampleGrid.zip

We would also suggest you to refer the below documentation link

http://help.syncfusion.com/ug_73/GridMVC/defaultMVC.html


Please let me know if you have any concerns.

Regards,
M. Balaji.

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.

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.

;