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

Icon hover slides in instead of smooth change

2 Answers 60 Views
DatePicker
This is a migrated thread and some comments may be shown as answers.
Jeff
Top achievements
Rank 1
Jeff asked on 08 May 2017, 05:24 PM

We're using the RadDatePicker and the RadTimePicker in a new site that also uses Bootstrap. For both controls there is an odd effect on the hover state of the icon. Instead of just changing state the icon slides in. Is there a way to change that to a standard hover state where the icon swaps to the hover without the slide? 

thanks

2 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 11 May 2017, 12:07 PM
Hello,

Do you experience the reported issue in the live demos of RadDatePicker and RadTimePicker  - https://demos.telerik.com/aspnet-ajax/datepicker/overview/defaultcs.aspx?skin=Bootstrap?

If the issue happens only inside your project, it is most likely due to some custom CSS that breaks the appearance of the controls. You can examine the page with the Inspector and see which CSS selectors override the built-in classes of the controls.

If you are unable to solve the issue, can you provide a live URL to the problematic page or a simple runnable project where the problem can be reproduced?


Best regards,
Rumen
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Jeff
Top achievements
Rank 1
answered on 11 May 2017, 03:46 PM
Thank you for the tip. You were exactly right. When we used the page inspector we found a universal link "transition" style that was affecting the icons. We were able to remove that and the icon hover state appearance is correct now. Thanks!
Tags
DatePicker
Asked by
Jeff
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Jeff
Top achievements
Rank 1
Share this question
or