This is a migrated thread and some comments may be shown as answers.

How to set CssClass or SkinID for GridButtonColumn

3 Answers 581 Views

Grid

This is a migrated thread and some comments may be shown as answers.

3 Answers, 1 is accepted

answered on 06 Oct 2008, 08:58 PM

Rob-

I think the easiest way to style a button in a column in RadGrid is to use a TemplateColumn. You can then add your button, apply whatever CSS styles you need, and then handle the button's events via the Grid's ItemCommandEvent (interrpeting the CommandName and Args for specific processing). I do not there there is a way to directly edit the styles of the HTML button via properties of the GridButtonColumn. It's a good idea, though. Maybe we can enhance this column to in the future expose a property for skinning the button- something like ButtonCssClass.

Let me know if that will work for you.

-Todd

answered on 07 Oct 2008, 06:43 AM

Hello Rob,

You can set the CsssClass for the button in the ButtonColumn as shown below.
aspx:

    
            <telerik:GridButtonColumn ButtonType="PushButton" Text="Select" UniqueName="ButtonCol"> 
        
            </telerik:GridButtonColumn>

cs:

    
            protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e) 
        
                { 
        
                    if (e.Item is GridDataItem) 
        
                    { 
        
                        GridDataItem dataItem = (GridDataItem)e.Item; 
        
                        (dataItem["ButtonCol"].Controls[0] as Button).CssClass = "MyButton"; 
        
                    } 
        
               }

css:

    
            <head runat="server"> 
        
              <style type="text/css"> 
        
               .MyButton 
        
               { 
        
                 background-color:Red !important; 
        
               } 
        
              </style> 
        
            </head>

Thanks
Princy.