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. Image for the cookie policy date

Customize style Grid and Tab control

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

3 Replies

AM Abdul Matin M Syncfusion Team 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


JS Jesus Sanchez 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



AM Abdul Matin M Syncfusion Team 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

Loader.
Live Chat Icon For mobile
Up arrow icon