Custom Skin on GridButtonColumn

2 posts, 1 answers
  1. Jonathan
    Jonathan avatar
    122 posts
    Member since:
    Jan 2014

    Posted 06 Jul 2018 Link to this post

    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. Answer
    Rumen
    Admin
    Rumen avatar
    14361 posts

    Posted 10 Jul 2018 Link to this post

    Hello Jonathan,

    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.
Back to Top