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

kendo.ui.progress not displayed in IE11

7 Answers 301 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Cedric
Top achievements
Rank 1
Cedric asked on 12 Aug 2014, 08:09 AM
Hi,
I 've some problems to use the progress in IE 11. If i do:
​<body>
<
div id="toto" style="width:150px;height:150px;background-color:pink"></div>​
</
body>
​<
script
kendo.ui.progress($("#toto"), true);​
</
script>
i can see some k-loading nodes added to the dom but nothing is visible.
Example

Thanks
- Ced -

7 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 12 Aug 2014, 08:22 AM
Hello Ced,

The loading indicator is an absolutely positioned element, so in order to be sized and positioned properly, according to the #toto element, the latter must have a position:relative style. That is now missing. Please refer to the documentation.

http://docs.telerik.com/kendo-ui/api/web/ui#methods-progress

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Cedric
Top achievements
Rank 1
answered on 12 Aug 2014, 10:33 AM
Hi,
Not sure to understand but i've already made a try to add style='position:relative' to toto and nothing has changed.
The documentation you provided specifies that the mandatory values for position are 'relative', 'absolute' or fixed.
Is not absolute the default value for a div element ?

If i play with the telerik's demo, i get the same result : no progress is visible.
Could you provide a working sample in IE or may i miss something ?

Thanks

- Ced -

0
Dimo
Telerik team
answered on 12 Aug 2014, 02:19 PM
Hello Ced,

You seem to have updated your example and now it works - see the attached screenshot.

>> "Is not absolute the default value for a div element ?"

No, the default position value is "static".

https://developer.mozilla.org/en-US/docs/Web/CSS/position

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Cedric
Top achievements
Rank 1
answered on 12 Aug 2014, 05:02 PM
I'm in confusion : same version of IE and not progress :(


- Ced -
0
Accepted
Dimo
Telerik team
answered on 13 Aug 2014, 10:09 AM
Hello Ced,

The problem may be caused by restrictive browser security settings or the usage of compatibility mode.

http://docs.telerik.com/kendo-ui/getting-started/technical-requirements#supported-desktop-browsers

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Cedric
Top achievements
Rank 1
answered on 13 Aug 2014, 10:15 AM
It's not the usage of compatibility mode : i'm in Edge.
Which security settings are you speaking ? There is no mention of it in the documentation you linked.

- Ced -
0
Cedric
Top achievements
Rank 1
answered on 13 Aug 2014, 10:20 AM
Oh my god !!!!
I've found : If somebody else has the problem it's the check "Play animations in webpages in Advanced/Multimedia setting".

Thanks for your help

- Ced -
Tags
General Discussions
Asked by
Cedric
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Cedric
Top achievements
Rank 1
Share this question
or