Changing the value label - Smart UI

Tagged: advanced progress bar, custom element, custom progress bar, custom value progress, format-function, progress bar custom label, smart elements, smart framework, web component, web components

This topic contains 1 reply, has 2 voices, and was last updated by Anonymous 2 years, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
February 11, 2019 at 12:04 pm #99579

Anonymous

Hi all !

Can tell me please how can i change the label of the progress bar ? I want to print a specific word instead of a number inside the progress bar’s value container. Code snippet please.

Thank you !

February 12, 2019 at 12:29 pm #99581
Anonymous
Hello hansT,

Please make use of the callback function format-function to achieve your requirement:
```
<script type="text/javascript">
    function progressValueFormatFunction(value) {
        return 'Progress label';
    }
</script>
```
<jqx-progress-bar value="50" show-progress-value format-function="progressValueFormatFunction"></jqx-progress-bar>

Best regards,
Dimitar

Smart HTML Elements Team
https://www.htmlelements.com
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.