TIP: Remove underline from HTML CFGRIDCOLUMN HREF

[Guest]

It took me almost all of yesterday to find the solution on how the remove the underline in HTML CFGRID / CFGRIDCOLUMN with an HREF

Before the CFGRID definition add this new style for each column where you don't want the underline appearing

<STYLE>
<!--
.x-grid-col-3 {text-decoration:none !important;}
.x-grid-col-4 {text-decoration:none !important;}
-->
</STYLE>

[jtchivers]

Thank you so much, Scott for putting me on the right lines here.

I've been putting up with underlined href links in my cfgrids for years now and finally snapped today. After much hunting on the Web and coming across many, many people who are frustrated by this issue, I found your solution in the rather obvious place to check first.

Based on your solution, I tried

.x-grid-col div {text-decoration:none !important;}

in a separate CSS stylesheet, and that worked just great for all columns in the grid.

Hussah!

[Debora_G_]

I've got the data in my columns to wrap by using .x-grid-row td {white-space:normal; text-decoration:none}  But my headers don't wrap (I'm using an HTML format for the grid).  Where can I find the documentation that lists all the classes/styles available for CfGrid?

[Debora_G_]

I found my answer.  They are located in CFIDE\scripts\ajax\resources\ext\css\ext-all.css