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

How to apply a custom skin to the GridButtonColumn

2 Answers 34 Views
Theme Builder
This is a migrated thread and some comments may be shown as answers.
Jonathan
Top achievements
Rank 1
Veteran
Jonathan asked on 05 Jul 2018, 09:45 PM

Hi..

I'd like to apply my custom skin to a GridButtonColumn.

What do I set the ButtonCssClass to?   Skins/Flom/Button.Flom.css ?

thx again!!

 

 

   GridButtonColumn btnFSR = new GridButtonColumn();
   btnFSR.ButtonCssClass =  ????

2 Answers, 1 is accepted

Sort by
0
Accepted
Rumen
Telerik team
answered on 10 Jul 2018, 03:58 PM
Hi there,

The stylesheet distributed by the Button.Flom.css applies to RadButton.

The FontIconButton, ImageButton, LinkButton and PushButton button types provided by the GridButtonColumn column of RadGrid are not based on RadButton and for this reason they are not styled by the classes defined in the Button.Flom.css file.

What you can do is to set your own CSS class CustomButtonClass in the Button.Flom.css and to set it as a value of the btnFSR.ButtonCssClass property

GridButtonColumn btnFSR = new GridButtonColumn();
btnFSR.ButtonCssClass = "CustomButtonClass";

This way you will be able to style the GridButtonColumn column buttons as per your criteria.


Another approach is to add a GridTemplateColumn column (instead of a GridButtonColumn column) and set in it RadButton buttons that will be styled by the classes defined in the  Button.Flom.css file.


Best regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Jonathan
Top achievements
Rank 1
Veteran
answered on 10 Jul 2018, 04:00 PM
thx
Tags
Theme Builder
Asked by
Jonathan
Top achievements
Rank 1
Veteran
Answers by
Rumen
Telerik team
Jonathan
Top achievements
Rank 1
Veteran
Share this question
or