How to set custom label using angular directive

2 posts, 0 answers
  1. Jiatang
    Jiatang avatar
    8 posts
    Member since:
    Sep 2015

    Posted 25 Sep 2015 Link to this post

    I've a kendo progress bar defined with angularjs directive. I'm able to set the min, max and value. But I cannot find the way to set the progress status text.

    The example provided is using a jQuery way:

                  passProgress.progressStatus.text("Empty");}); 

     

    I cannot figure out how to do it. My code looks like this.

     

                  <div kendo-progress-bar="progressBar" 
                         k-min="voterStatus.progressOption.min" 
                         k-max="voterStatus.progressOption.max" 
                         k-value="voterStatus.progressOption.progress" >
                    </div>

  2. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2153 posts

    Posted 28 Sep 2015 Link to this post

    Hello Jiatang,

    You could use the same approach in Angular and set the label in the change event of the ProgressBar. Here is the updated version of the demo.

    Regards,
    Dimiter Madjarov
    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
Back to Top