Greetings. I'd like to reduce the grid cell padding and the row height (so that more content is displayed in the same space) by setting a custom css class. I'd like to set this up so that I only have to override the properties that I want to change. I've checked out the following post:
https://www.syncfusion.com/forums/117510/customizing-the-default-css-theme
the only problem with this approach is that the file "custombutton.css" contains a lot more css than the part which is being overridden, which should be just this:
.redButton.ejinputtext {
background-color: white;
border: 1px solid #bbbcbb;
color: #5c5c5c;
outline: medium none;
}
..instead, there's a lot more in that "custombutton.css"
For the sake of testing, I tried to follow that approach, doing the following:
1) added this to my grid declaration: .CssClass("myTest")
2) added this to the head of the page, so that my custom css file is loaded: <link rel='nofollow' href="@Url.Content("~/Content/custom/test.css")" rel="stylesheet" />
3) inside test.css I've put the following:
.myTest.e-rowcell {
background-color: green;
}
Unfortunately this doesn't seem to work. Maybe, like in the button example, I have to put some other lines in my test.css file? Which lines should I add?
Thanks a lot for your kind help
p.s. I'm using syncfusion 2015 vol 3 13.3.0.7
