Title on 2 lines

3 posts, 0 answers
  1. Louis
    Louis avatar
    56 posts
    Member since:
    Jun 2011

    Posted 05 Jun Link to this post



    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. Misho
    Misho avatar
    162 posts

    Posted 07 Jun Link to this post


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


    Best Regards,
    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.
  3. Louis
    Louis avatar
    56 posts
    Member since:
    Jun 2011

    Posted 07 Jun in reply to Misho Link to this post

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


    Have a great day and thank you to be there.

Back to Top