Dynamically enable/disable slider issue in IE

8 posts, 0 answers
  1. Satabdi
    Satabdi avatar
    13 posts
    Member since:
    Aug 2014

    Posted 03 Apr 2015 Link to this post

    I have a kendo angular slider and numeric textbox like below:
    <div kendo-slider style="float:left;margin-right:10px;" id="slider2" k-min="0" k-max="100"  ng-disabled="false"></div>
     <input id="textBox2" kendo-numeric-text-box k-min="0" k-max="100"  style="width:60px;" k-options={format:'0.'} ng-disabled="false" />

    Now on click of a checkbox, I need to toggle the slider and textbox between enable/disable. I am doing it like this:

    var slider2 = $("#slider2").data("kendoSlider");
    slider2.enable(true);
    var textBox2 = $("#textBox2").data("kendoNumericTextBox");
    textBox2.enable(true);

    In chrome it is working but in IE (version 11) it is not.I have also created a standalone , here also the same issue.

    http://dojo.telerik.com/oGuqa/3

    Thanks in advance.

    Regards
    Satabdi
  2. Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 07 Apr 2015 Link to this post

    Hi,

    your dojo had several mistakes. I fixed them, and it seems to be working as expected now, unless I am missing something.

    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. Satabdi
    Satabdi avatar
    13 posts
    Member since:
    Aug 2014

    Posted 07 Apr 2015 in reply to Petyo Link to this post

    Thanks Petyo, I tried with the snippet you shared but still I am not able to change the slider property dynamically.No matter what I set on button click, it is always making the slider disable.

    Also initially it is set to enable even though k-ng-disabled="true" .

    I am not sure if I am doing any mistake.

    Thank you once again for the help.

     

    Regards

    Satabdi

  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 09 Apr 2015 Link to this post

    Hello Satabdi,

    If you want to use the k-ng-disabled you need to set it on a property in the scope that you can change and it will affect the widget. Here is the example:

    http://dojo.telerik.com/UWOli

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Satabdi
    Satabdi avatar
    13 posts
    Member since:
    Aug 2014

    Posted 21 Apr 2015 in reply to Kiril Nikolov Link to this post

    Hi Kirli

    I tried with the example but it is still not working in IE. Once we can set from it from enable to disable state but after that if I want to change the state back to enable ,on click of another button, I am not able to.

    http://dojo.telerik.com/UWOli/3

    Can you please help me to find out what is the issue.

     

    Thanks

    Satabdi

  7. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 23 Apr 2015 Link to this post

    Hello Satabdi,

    Please check the following sample, that shows the correct approach:

    http://dojo.telerik.com/UWOli/4

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  8. Satabdi
    Satabdi avatar
    13 posts
    Member since:
    Aug 2014

    Posted 23 Apr 2015 in reply to Kiril Nikolov Link to this post

    Hi Kiril 

    Thank you for your time and effort but issue is still there.

     It works fine in chrome. But I am facing the issue in IE11.

    I am not able to set property enable/disable dynamically in IE, not even with the approach you shared.

     

    Thanks

    Satabdi

  9. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 23 Apr 2015 Link to this post

    Hello,

    I have logged an issue on GitHub, as this is IE11 specific problem. You can keep track on the progress here:

    https://github.com/telerik/kendo-ui-core/issues/754

    Regards,
    Kiril Nikolov
    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