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

Change or resize glyph icon

1 Answer 224 Views
DatePicker
This is a migrated thread and some comments may be shown as answers.
Gonzalo
Top achievements
Rank 1
Gonzalo asked on 31 Aug 2017, 02:30 PM

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!

1 Answer, 1 is accepted

Sort by
0
Gonzalo
Top achievements
Rank 1
answered on 31 Aug 2017, 08:45 PM

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;
 }

Tags
DatePicker
Asked by
Gonzalo
Top achievements
Rank 1
Answers by
Gonzalo
Top achievements
Rank 1
Share this question
or