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 : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Customize style Grid and Tab control

Thread ID:

Created:

Updated:

Platform:

Replies:

115985 Mar 11,2014 05:30 PM UTC Mar 19,2014 02:55 AM UTC ASP.NET MVC (Classic) 3
loading
Tags: Grid
Jesus Sanchez
Asked On March 11, 2014 05:30 PM UTC

Hello
How can I customize the style my tab and my grid?. I want to get a look as follows:... I attached a Word document of as I want to get this look.
I also attached, inside the folder Base_Admin the two pages HTML, along with their styles, where are the controls to those that want to that they seem your Syncfusion controls.
Thank you.

Attachment: Consultas_30c771ae.zip

Abdul Matin M [Syncfusion]
Replied On March 17, 2014 09:28 AM UTC

Hi Jesus,

 

Thanks for your interest in Syncfusion products.

 

We have analyzed your code attachment and we suggest you to use Theme Studio to customize the themes. Please refer the below links for further details.

For Grid: http://mvc.syncfusion.com/demos/ui/grid/Appearance/CustomCSS

For Tab control: http://mvc.syncfusion.com/demos/ui/tools/Tab/throughview

Please use the below theme studio link to customize the themes for Grid and Tab control and then you can download the theme and apply to the controls.

Theme Studio link: http://mvc.syncfusion.com/ThemeStudio/

 

Below are the steps to be followed to apply the downloaded themes to the controls.

1.      Copy the downloaded css files from ThemeStudio to the content/CustomCss folder in your MvcApplication and also copy the downloaded Images file to the MvcApplication and then add the below code in your application.

Description: C:\Users\abdulmatinm\Desktop\clip_image001-1375315054.png

2.      Please refer to the following code snippets to set CustomCss property in view:

[DynamicDatabinding.cshtml]

@(Html.Syncfusion().Grid<object>("Grid1")

.Datasource((System.Collections.IEnumerable)ViewData["data"])

………

.CustomCss("OrgMetro")

)

3.      Then you also need to register the stylesheet in _Layout.cshtml page, use the downloaded file name. Please refer to the following code snippets:

[_Layout.cshtml]

@{Html.Syncfusion().StyleManager().Minify(false)

.Register(stylesheets =>

{

stylesheets.Add("~/Content/Site.css");

stylesheets.Add("~/Content/CustomCss/OrgMetro-sfgrid.css");

stylesheets.Add("~/Content/CustomCss/OrgMetro-sftools.css");

}).Render();}

For your convenience we have also attached the sample and the same can be downloaded from the link below.

Please use the sample and get back to us if it meets your requirement or if you have any other queries.

 

Please let us know if you need any further assistance.

 

Regards,

Abdul Matin M


Attachment: CustomCSSSample_45dc1116.zip

Jesus Sanchez
Replied On March 17, 2014 08:30 PM UTC

Thanks!!!

Other question, i am interested in the post https://www.syncfusion.com/support/forums/aspnetmvc/grid/110420 , but i can't download the sample, how can i download this example????

Thanks


Abdul Matin M [Syncfusion]
Replied On March 19, 2014 02:55 AM UTC

Hi Jesus,

 

Thanks for your update.

 

We are sorry about the inconvenience caused. We have created the sample that you have requested and have attached it. Please download the sample from the link below.

 

Please use the sample and get back to us if you have any other queries.

 

Please let us know if you need any further assistance.

 

Regards,

Abdul Matin M


Attachment: PassValueToControlerSample_43e79a8c.zip

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

;