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

Effects and animations

3 Answers 67 Views
Effects
This is a migrated thread and some comments may be shown as answers.
michael
Top achievements
Rank 1
michael asked on 19 Feb 2016, 11:06 AM

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

3 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 22 Feb 2016, 08:51 AM
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!
 
0
michael
Top achievements
Rank 1
answered on 22 Feb 2016, 09:00 AM

Hi,

Thank you! 

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

 

Thanks,

 

Mike

0
Petyo
Telerik team
answered on 23 Feb 2016, 04:13 PM
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!
 
Tags
Effects
Asked by
michael
Top achievements
Rank 1
Answers by
Petyo
Telerik team
michael
Top achievements
Rank 1
Share this question
or