Icon hover slides in instead of smooth change

3 posts, 0 answers
  1. Jeff
    Jeff avatar
    47 posts
    Member since:
    Jan 2008

    Posted 08 May 2017 Link to this post

    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? 


  2. Rumen
    Rumen avatar
    14466 posts

    Posted 11 May 2017 Link to this post


    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,
    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.
  3. Jeff
    Jeff avatar
    47 posts
    Member since:
    Jan 2008

    Posted 11 May 2017 in reply to Rumen Link to this post

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