Change or resize glyph icon

2 posts, 0 answers
  1. Gonzalo
    Gonzalo avatar
    5 posts
    Member since:
    Apr 2017

    Posted 31 Aug Link to this post

    I have a datepicker to filter a GridDateTimeColumn of a RadGrid. Since the default size of the filter textbox was too big, I have made it smaller, along with the datepicker button. However, I wasn't able to resize the calendar icon of the datepicker button which is now overflowing (see attached image).

    I tried using the debug tools of every browser to find out the name of the glyph icon or the CSS class that implement it but wasn't successful.

    Is there a way to change or resize this icon, maybe through jQuery?

    Thanks in advance!

  2. Gonzalo
    Gonzalo avatar
    5 posts
    Member since:
    Apr 2017

    Posted 31 Aug Link to this post

    I found a workaround, just in case someone faces the same problem.

    To change the size of the icon I added this CSS rule:

    .RadGrid .rcCalPopup:before {
            font-size: 12px !important;
     }

Back to Top