This is a migrated thread and some comments may be shown as answers.

Title on 2 lines

2 Answers 13 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Louis
Top achievements
Rank 1
Louis asked on 05 Jun 2017, 05:41 PM

Hello,

 

I'm trying to put title on 2 lines but the layout is not so good.  See attachment.  This is the code used here :

 

steps[6] = 'Might well be expected at some time';
steps[5] = 'Quite possi. could happen';
steps[4] = 'Unusual but possible';
steps[3] = 'Remotely possible';
steps[2] = 'Conceivable but<br/>very unlik.';
steps[1] = 'Pratically impossible';
steps[0] = 'Choose value';
AdapterLegendes("#NoProbabilite", steps);
 
function AdapterLegendes(nomSlider, steps) {
    var slider = $(nomSlider).data("kendoSlider");
 
    var largeTickItems = slider.wrapper.find(".k-tick-large");
    $.each(largeTickItems, function (index) {
        var step = steps[index];
        var children;
        $(this).attr("title", step).children().html(step);
    });
}

2 Answers, 1 is accepted

Sort by
0
Misho
Telerik team
answered on 07 Jun 2017, 08:53 AM
Hello,

You can make changes to the layout of this custom label using css. I've created an example for reference:

http://dojo.telerik.com/@parvanov/EwOmU

Best Regards,
Misho
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Louis
Top achievements
Rank 1
answered on 07 Jun 2017, 08:31 PM

Thanks a lot Misho.  This is exactly what I looking for.

 

Have a great day and thank you to be there.

Tags
Slider
Asked by
Louis
Top achievements
Rank 1
Answers by
Misho
Telerik team
Louis
Top achievements
Rank 1
Share this question
or