Insert symbol in tooltip

  • Resolved Graicifyd

    (@graicifyd)


    4 years, 7 months ago

    Hi,

    Please how can I add a dollar symbol and also include a symbol for grouping thousands in tooltips?

    The tooltip was created with this script.

    <script>
fbuilderjQuery(document).one('showHideDepEvent', function () {
    jQuery('.slider').each(function () {
        var tooltip = jQuery('<div class="cost-slider-tooltip"><div class="cost-calculator-arrow"></div><div class="cost-calculator-value"></div></div>');
        jQuery(this)
        .on('slide', function (event, ui) {
            tooltip.find('.cost-calculator-value').text(ui.value);
        })
        .find(".ui-slider-handle").append(tooltip);
    });
});     
</script>

    Thank you for your support.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @graicifyd

    It is very simple, edit this piece of code: ui.value as follows:

    ui.value.toLocaleString('en-US',{ style: 'currency', currency: 'USD' })

    Best regards.

    Thread Starter Graicifyd

    (@graicifyd)

    Thank you so much, what about adding ‘,’ as a thousand separator.

    Thread Starter Graicifyd

    (@graicifyd)

    Thanks….it is done. Thank you very much. All the issues are resolved. You are amazing.

    • This reply was modified 4 years, 7 months ago by Graicifyd.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Insert symbol in tooltip’ is closed to new replies.