Effects and animations

4 posts, 0 answers
  1. michael
    michael avatar
    2 posts
    Member since:
    Feb 2016

    Posted 19 Feb Link to this post

    Just wondering why the effects and animations are using inline style to be created?

    Is there not an option to use css classes?

    The only problem I am having was that I wanted to extend and create some custom effects however because they are currently using inline styles it will overwrite any styles I apply via a class.

    For example: http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist

    If it was simply adding a class of .fadeIn and .fadeOut then I could create a custom css class for the transitions and change fadeIn to .mycustomclass 

    However is it not switching class style it is adding inline styles and I can't locate where the JS is that adds these inline styles and 'fadeIn' is declared. Are you able to advise where these are being set at all so worst case I can just copy one of them and rename the effect and set the inline styles that would ideally be a class

  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 22 Feb Link to this post

    Hi,

    the inline styling is because of the old IE browsers support - for them, the transitions are implemented with JavaScript calculations. 

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. michael
    michael avatar
    2 posts
    Member since:
    Feb 2016

    Posted 22 Feb in reply to Petyo Link to this post

    Hi,

    Thank you! 

    Are you able to advise what file these JavaScript calculations are located? I can't seem to find them

     

    Thanks,

     

    Mike

  5. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 23 Feb Link to this post

    Hi,

    the calculations are performed here.

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready