adding underline for column heading

2 posts, 1 answers
  1. Minh
    Minh avatar
    61 posts
    Member since:
    Jun 2011

    Posted 22 Sep 2011 Link to this post

    Hi,

    I'm looking for the setting to add an underline on my column headings. I've tried all that I can find and nothing seems to work. the following is a sample for one of my column.

     

     

    <telerik:GridTemplateColumn UniqueName="AreaName" HeaderText="Area"  

    SortExpression="_AreaName" ItemStyle-Width="150px" DataField="_AreaName"  

    AndCurrentFilterFunction="Contains" FilterControlWidth="125px">  

     

    <FooterTemplate>  

    Template footer 

    </FooterTemplate>  

     

    <FooterStyle VerticalAlign="Middle" HorizontalAlign="Center" />  

     

    <ItemTemplate

    <%

    #DataBinder.Eval(Container.DataItem, "_AreaName")%>  

    </ItemTemplate>  

     

    <EditItemTemplate>  

     

    <telerik:RadComboBox runat="server" ID="RadComboBoxArea"  

    OnItemsRequested="RadComboBoxArea_ItemsRequested"  

     

    EnableLoadOnDemand="True" DataTextField="AreaName"  

     

    DataValueField="ID" AutoPostBack="true"  

     

    HighlightTemplatedItems="true" Height="140px" Width="175px" DropDownWidth="200px"  

     

    OnSelectedIndexChanged="ComboBox1_OnSelectedIndexChangedHandler" 

    onclientdropdownopening="OnClientDropDownOpening">  

    <ItemTemplate> 

    <%# DataBinder.Eval(Container, "Text")%>  

    </ItemTemplate>  

     

    </telerik:RadComboBox>  

     

    </EditItemTemplate>  

     

    <HeaderStyle Width="150px" HorizontalAlign="Center" VerticalAlign="Bottom"  

    Font-Underline="True" />  

     

    <ItemStyle Width="150px" HorizontalAlign="Center" VerticalAlign="Middle"></ItemStyle>  

     

    </telerik:GridTemplateColumn>

    thanks,

    Minh bui 

  2. Answer
    Shinu
    Shinu avatar
    16989 posts
    Member since:
    Mar 2007

    Posted 23 Sep 2011 Link to this post

    Hello Minh,

    You can try the following approach to add underline for column header.
    CSS:

    <style type="text/css">
        .RadGrid_<skinname> .rgHeader
        {
            text-decoration:underline !important;
        }
    </style>

    Thanks,
    Shinu.

Back to Top