Hi,
I asked a question earlier about styling the grid. I've read the documentation supplied and have been playing with firebug to get the styling options I need to mimic CRM.
I've got stuck trying to make the cells in the header smaller in height. Can anyone tell me where I'm going wrong? I've added the following styles (bold bit isn't doing what I'd like them to):
<style>
.k-grid { border-bottom: none; }
.k-header { background-color:#F5F7F9;color:black;font-family:tahoma;font-size:11px; }
.k-header.k-link { color:black; }
.k-state-selected { background-color:#A7CDF0;background-image:none;color:black;}
.k-alt.k-state-selected { background-color:#A7CDF0;background-image:none;color:black;}
tr { font-family:tahoma;font-size:11px;color:black;border-bottom:solid 1px #DBDEE1;height:21px;}
.k-alt { background-color:white; }
.k-grid td { padding:0px 10px;margin:0px;border-bottom:solid 1px #DBDEE1; }
.k-grid-header { padding:0px 0px;margin:0px; }
</style>
I asked a question earlier about styling the grid. I've read the documentation supplied and have been playing with firebug to get the styling options I need to mimic CRM.
I've got stuck trying to make the cells in the header smaller in height. Can anyone tell me where I'm going wrong? I've added the following styles (bold bit isn't doing what I'd like them to):
<style>
.k-grid { border-bottom: none; }
.k-header { background-color:#F5F7F9;color:black;font-family:tahoma;font-size:11px; }
.k-header.k-link { color:black; }
.k-state-selected { background-color:#A7CDF0;background-image:none;color:black;}
.k-alt.k-state-selected { background-color:#A7CDF0;background-image:none;color:black;}
tr { font-family:tahoma;font-size:11px;color:black;border-bottom:solid 1px #DBDEE1;height:21px;}
.k-alt { background-color:white; }
.k-grid td { padding:0px 10px;margin:0px;border-bottom:solid 1px #DBDEE1; }
.k-grid-header { padding:0px 0px;margin:0px; }
</style>