Skip to main content
A
Anonymous
November 18, 2008
Question

TIP: Remove underline from HTML CFGRIDCOLUMN HREF

  • November 18, 2008
  • 1 reply
  • 1415 views
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>
    This topic has been closed for replies.

    1 reply

    J
    jtchivers
    Participating Frequently
    February 24, 2010

    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!

    D
    Debora_G_
    Participating Frequently
    March 17, 2010

    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?

    D
    Debora_G_
    Participating Frequently
    March 17, 2010

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

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices