Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
645
Customizing Value Label for WebSlider
posted

Hi,

Is it possible to customize value label for webslider. Basically I want to show "12+" in the ValueLabel when user select the last value on the slider. I have tried the default functionality but it shows the current value which is the integer value as the slider range specified in the code.

Please let me know if we can do this then how?

Thanks,

Sanjay

Parents
  • 18204
    Verified Answer
    Offline posted

    Hi Sanjay,

    Thank you for posting in our forums!

    The ValueLabel can be customized in this case through the FormatValueLabel client side event.  Please see the code snippet below for the function I have used for this:

     function WebSlider1_FormatValueLabel(sender, eventArgs) {
        ///<summary>
        ///
        ///</summary>
        ///<param name="sender" type="Infragistics.Web.UI.WebSlider"></param>
        ///<param name="eventArgs" type="Infragistics.Web.UI.SliderFormatValueLabelEventArgs"></param>

        var value = eventArgs.get_value();
        if (value >= 12) {
            eventArgs.set_label("12+");
        }
    }

    I have also attached my sample for you to examine in full.  If you have any further questions or concerns with this, please let me know.

    WebSlider_CustomValueLabel.zip
Reply Children
No Data