Underline Hyperlink Column Heading Only

Ask a Question related to ASP.NET Data Grid Control, Design and Development.

  1. #1

    Default Underline Hyperlink Column Heading Only

    1. I have a multi-column datagrid with the first two columns Sortable
    Hyperlink columns.

    2. Right now, I have the entire two column set to A {TEXT-DECORATION: none}
    within HEAD Style because I don't want the hyperlinked items in the rows
    underlined..

    3. HoweverI want the header text to be underlined..

    But the A{...} also turns off the underline in the hyperlink column header
    text.

    4. I tried setting the two hyperlink headers to Underline in Property
    Builder, but underlines only work sthere for Non-hyperlinked columns.

    Any way to have only the Sortable Hyperlink Header Tex underlined, but not
    the item rows?

    Thanks.

    Alan



    Alan Z. Scharf Guest

  2. Similar Questions and Discussions

    1. May I disable underline in one gridview Hyperlink field ?
      May I disable underline in one gridview Hyperlink field ?
    2. hyperlink column text. Where is it??
      Does anyone have any idea how to get the text out of a hyperlink column in a web datagrid? It's a hyperlink column, not a template column so...
    3. Help with Hyperlink Column!
      Hi, all! I'm trying to build a hyperlink column who textField is one column in the query, but whose URL needs to dyunamically contain the data...
    4. HyperLink Column
      Does anyone Know how to programmatically assign all the columns in a DataGrid with AutoGenerateColumns set to true as Hyperlink Columns? Thanks...
    5. removal of underline in Hyperlink
      http://www.mako4css.com http://www.thepattysite.com/linkstyles1.cfm http://www.projectseven.com (look for Pseudo-Class tutorial) -- Murray...
  3. #2

    Default Re: Underline Hyperlink Column Heading Only

    You could create a CSS class, and then attach different elements to that
    class.... once that is done, just attach the class to the dataGrid header.
    Sample css code is listed below.
    Hope this helps

    -Andrew

    CSS SAMPLE CODE...

    /*This will format the plain text in the grid */
    ..gridHeader
    {
    background-color:#FFFFFF;
    font-size:12px;
    font-weight:900;
    color:#000000;
    text-decoration:underline;
    }

    /*Formatting for sort links in grid header rows*/
    ..gridHeader a /*this one sets the basic link formatting, the ones
    below set the link states*/
    {
    font-size:12px;
    font-weight:900;
    text-decoration:none;
    }

    ..gridHeader a:link
    {
    color:#000000;
    }

    ..gridHeader a:active
    {
    color:#000000;
    }

    ..gridHeader a:visited
    {
    color:#000000;
    }

    ..gridHeader a:hover
    {
    color:#006633;
    }


    "Alan Z. Scharf" <ascharf@grapevines.com> wrote in message
    news:%23n2QI3I3EHA.3236@TK2MSFTNGP15.phx.gbl...
    > 1. I have a multi-column datagrid with the first two columns Sortable
    > Hyperlink columns.
    >
    > 2. Right now, I have the entire two column set to A {TEXT-DECORATION:
    > none}
    > within HEAD Style because I don't want the hyperlinked items in the rows
    > underlined..
    >
    > 3. HoweverI want the header text to be underlined..
    >
    > But the A{...} also turns off the underline in the hyperlink column header
    > text.
    >
    > 4. I tried setting the two hyperlink headers to Underline in Property
    > Builder, but underlines only work sthere for Non-hyperlinked columns.
    >
    > Any way to have only the Sortable Hyperlink Header Tex underlined, but not
    > the item rows?
    >
    > Thanks.
    >
    > Alan
    >
    >
    >

    Andrew L. Van Slaars Guest

  4. #3

    Default Re: Underline Hyperlink Column Heading Only

    Andrew,

    Thanks very much for replying.

    I will check this out.

    Regards,

    Alan

    "Andrew L. Van Slaars" <andrew@vanslaars.com> wrote in message
    news:eFK$UWE5EHA.3388@TK2MSFTNGP15.phx.gbl...
    > You could create a CSS class, and then attach different elements to that
    > class.... once that is done, just attach the class to the dataGrid header.
    > Sample css code is listed below.
    > Hope this helps
    >
    > -Andrew
    >
    > CSS SAMPLE CODE...
    >
    > /*This will format the plain text in the grid */
    > .gridHeader
    > {
    > background-color:#FFFFFF;
    > font-size:12px;
    > font-weight:900;
    > color:#000000;
    > text-decoration:underline;
    > }
    >
    > /*Formatting for sort links in grid header rows*/
    > .gridHeader a /*this one sets the basic link formatting, the ones
    > below set the link states*/
    > {
    > font-size:12px;
    > font-weight:900;
    > text-decoration:none;
    > }
    >
    > .gridHeader a:link
    > {
    > color:#000000;
    > }
    >
    > .gridHeader a:active
    > {
    > color:#000000;
    > }
    >
    > .gridHeader a:visited
    > {
    > color:#000000;
    > }
    >
    > .gridHeader a:hover
    > {
    > color:#006633;
    > }
    >
    >
    > "Alan Z. Scharf" <ascharf@grapevines.com> wrote in message
    > news:%23n2QI3I3EHA.3236@TK2MSFTNGP15.phx.gbl...
    > > 1. I have a multi-column datagrid with the first two columns Sortable
    > > Hyperlink columns.
    > >
    > > 2. Right now, I have the entire two column set to A {TEXT-DECORATION:
    > > none}
    > > within HEAD Style because I don't want the hyperlinked items in the rows
    > > underlined..
    > >
    > > 3. HoweverI want the header text to be underlined..
    > >
    > > But the A{...} also turns off the underline in the hyperlink column
    header
    > > text.
    > >
    > > 4. I tried setting the two hyperlink headers to Underline in Property
    > > Builder, but underlines only work sthere for Non-hyperlinked columns.
    > >
    > > Any way to have only the Sortable Hyperlink Header Tex underlined, but
    not
    > > the item rows?
    > >
    > > Thanks.
    > >
    > > Alan
    > >
    > >
    > >
    >
    >

    Alan Z. Scharf Guest

Posting Permissions

  • You may not post new threads
  • You may post replies
  • You may not post attachments
  • You may not edit your posts

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139