Nov
25
I noticed that ColdFusion 9 has a two pixel border around the CFGRID render thanks to the ext-all cascading stylesheet. In case you want to know how to remove the border, you can either edit the "ext-all.css" file in your CFIDE folder (which will remove the border from every CFGRID) or just add the following style statement in your CFGRID page (which will only change the current page).
<style type="text/css">
.x-grid-panel .x-panel-body {
border: 0px;}
</style>
This works because styles are the executed in the order presented. Last one loaded, wins.
If you find this post useful please leave a comment and let me know how you used the information.
3 responses to “CFGRID Border Style”
- Tony Walker on Jul 6, 2011 at 10:27 AM Thanks... this worked to solve my problem of the last record of a grid not showing when that grid does not have a footer - but it only works in IE - it does not work in chrome or firefox and I have not tried safari yet.
- Michael Ferguson on Jul 16, 2011 at 7:08 AM You can use the Web Console in FireFox, under the Web Developer menu selection to identify the exact section that builds the border, Internet Explorer is too forgiving with CSS but the similar method can be used in IE Developer Tools window.
- Biana on Jan 10, 2012 at 5:46 PM You saved me a lot of hssale just now.
