tooltip not working

7 posts, 1 answers
  1. Daniel
    Daniel avatar
    192 posts
    Member since:
    Mar 2012

    Posted 29 May 2013 Link to this post

    Hello,
    I tried to use the tooltip,in my test project,and it says object doesn't support property or method 'kendoToolTip" !
    what do i need to work the tooltip?
    the jquery is referenced.the kendo.mvc.dll is there...so?

    A sample code is below

    <div width="100" id="example">some text</div>
    @(Html.Kendo().Tooltip()
    .For("#example")
    .Content("hello")
    .Position(TooltipPosition.Top)
    .Width(120)
    )

    Regards,
    Daniel
  2. Rosen
    Admin
    Rosen avatar
    3234 posts

    Posted 30 May 2013 Link to this post

    Hello Daniel,

    Could you please verify that the kendo scripts are included and the correct version (Tooltip widget is available with Q1 2013 release) is used. Here you can find additional information on this matter.

    If you continue to experience difficulties, you should provide a small runnable sample in which this issue can be observed locally.

    Regards,
    Rosen
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Daniel
    Daniel avatar
    192 posts
    Member since:
    Mar 2012

    Posted 30 May 2013 Link to this post

    i managed to copy manually everything into the project,and replace the old files.i need it the 1.9.1 jquery also,instead of 1.8.2 from previous version.now is working.
    usually what do i have to copy in order to have the new features,and use a new control for example?
    copy everything from tha package into the project?

    Regards,
    Daniel
  5. Answer
    Rosen
    Admin
    Rosen avatar
    3234 posts

    Posted 30 May 2013 Link to this post

    Hello Daniel,

    The easiest way to upgrade a Kendo UI for ASP.NET MVC Application is via our VisualStudio extensions as described here.

    Regards,
    Rosen
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Daniel
    Daniel avatar
    192 posts
    Member since:
    Mar 2012

    Posted 31 May 2013 Link to this post

    ok,thank you for the link.we are working with 2010,and it seems that we have too this upgrade option.
  7. Nadhir
    Nadhir avatar
    5 posts
    Member since:
    Feb 2013

    Posted 10 Jun 2015 Link to this post

    Hello,

    I'm working on an ASP.NET MVC 4 project developed using C# and Visual Studio 2010

    I'm trying to add tooltips, zoom and drag features to my kendo Chart defined as follows:

    • JavaScript:

    createChart: function () {
        var $this = this;
        $("." + $this.chartContainerID).kendoChart({
            //renderAs: "canvas",
            dataSource: {
                data: barData,
                value: "#={0}!=null"
            },
            panes: [{
                title: "Future / Cash",
                height: 300
            }, {
                name: "premiumPane",
                title: "Premium",
                padding: "3",
                height: 120
            }],
            categoryAxis: {
                pane: "premiumPane"
            },
            valueAxis: [{
                // Default axis
                line: {
                    visible: false
                },
                labels: {
                    format: "${0}"
                }
            }, {
                // Premium Axis
                name: "premiumAxis",
                pane: "premiumPane",
                visible: true,
                narrowRange: true,
                labels: {
                    step: 3
                }
            }],
            series: [{
                // Candlestick serie
                type: "candlestick",
                openField: "open",
                highField: "high",
                lowField: "low",
                closeField: "close",
                color: "green",
                downColor: "red",
                opacity: 0.3,
                line: {
                    opacity: 0.8,
                    color: "black"
                },
                tooltip: {
                    visible: true,
                    format: "{4}<br />Open: {0:C}<br />High: {1:C}<br />Low: {2:C}<br />Close: {3:C}"
                }
            }, {
                // Cash price serie
                type: "line",
                name: "Cash Price",
                missingValues: "interpolate",
                field: "cash",
                color: "rgb(70, 80, 140)",
                opacity: 1,
                tooltip: {
                    visible: true,
                    template: "#= kendo.format('{0:dd/MM/yyyy}', category) # <br /> Cash Prix: #= kendo.format('{0:C}',value) #"
                }
            }, {
                // Premium serie
                type: "line",
                field: "prim",
                axis: "premiumAxis",
                tooltip: {
                    visible: true,
                    template: "#= kendo.format('{0:dd/MM/yyyy}', category) # <br /> Premium Prix: #= kendo.format('{0:C}',value) #"
     
                }
            }
            ],
            categoryAxis: {
                categoryField: "date",
                field: "date",
                baseUnitStep: "auto",
     
                missingValues: "interpolate",
     
                labels: {
                    step: 20 // Render every second label
                }
            },
            legend: {
                position: "top"
            },
            transitions: false,
            drag: $this.onDrag,
            dragEnd: $this.onDragEnd,
            zoom: $this.onZoom
        });
    },
    // Drag handler
    onDrag: function (e) {
        debugger;
        var chart = e.sender;
        var ds = chart.dataSource;
        var delta = Math.round(e.originalEvent.x.initialDelta / DRAG_THR);
     
        if (delta != 0) {
            newStart = Math.max(0, viewStart - delta);
            newStart = Math.min(barData.length - viewSize, newStart);
            ds.query({
                skip: newStart,
                page: 0,
                pageSize: viewSize,
                sort: SORT
            });
        }
    },
    onDragEnd: function () {
        debugger;
        viewStart = newStart;
    },
    // Zoom handler
    onZoom: function (e) {
        debugger;
        var chart = e.sender;
        var ds = chart.dataSource;
        viewSize = Math.min(Math.max(viewSize + e.delta, MIN_SIZE), MAX_SIZE);
        ds.query({
            skip: viewStart,
            page: 0,
            pageSize: viewSize,
            sort: SORT
        });
     
        // Prevent document scrolling
        e.originalEvent.preventDefault();
    }

    • DataSource:

    var barData = [
                { day: 1, date: "2015/05/01", open: 13, high: 19, low: 9, close: 16, cash: 18, prim: 2 },
                { day: 2, date: "2015/05/02", open: 14, high: 16, low: 11, close: 16, cash: 18, prim: 2 },
                { day: 3, date: "2015/05/03", open: 16, high: 21, low: 12, close: 18, cash: 16, prim: -2 },
                { day: 4, date: "2015/05/04", open: 18, high: 40, low: 11, close: 30, cash: 33, prim: 3 },
                { day: 5, date: "2015/05/07", open: 30, high: 45, low: 26, close: 40, cash: 42, prim: 2 },
                { day: 6, date: "2015/05/08", open: 40, high: 80, low: 30, close: 70, cash: 66, prim: -4 },
                { day: 7, date: "2015/05/09", open: 70, high: 80, low: 40, close: 55, cash: 57, prim: 2 },
                { day: 8, date: "2015/05/10", open: 55, high: 65, low: 11, close: 30, cash: 35, prim: 5 },
                { day: 9, date: "2015/05/11", open: 30, high: 45, low: 16, close: 20, cash: 18, prim: -2 },
                { day: 10, date: "2015/05/12", open: 30, high: 45, low: 16, close: 20, cash: 18, prim: -2 },
                { day: 11, date: "2015/05/13", open: 40, high: 80, low: 30, close: 70, cash: 66, prim: -4 },
                {day: 14, date: "2015/05/16", open: 30, high: 45, low: 23, close: 40, cash: 43, prim: 4 },
                { day: 15, date: "2015/05/17", open: 40, high: 80, low: 30, close: 70, cash: 73, prim: 3 },
                { day: 16, date: "2015/05/18", open: 70, high: 80, low: 40, close: 55, cash: 56, prim: 1 },
                { day: 17, date: "2015/05/19", open: 55, high: 65, low: 11, close: 30, cash: 33, prim: 3 },
                { day: 18, date: "2015/05/20", open: 30, high: 45, low: 26, close: 40, cash: 42, prim: 2 },
                { day: 19, date: "2015/05/21", open: 40, high: 80, low: 30, close: 70, cash: 72, prim: 2 },
                { day: 20, date: "2015/05/22", open: 70, high: 80, low: 40, close: 55, cash: 57, prim: 2 },
                { day: 21, date: "2015/05/23", open: 70, high: 80, low: 40, close: 55, cash: 56, prim: 1 },
                { day: 22, date: "2015/05/24", open: 55, high: 65, low: 11, close: 30, cash: 33, prim: 3 },
                { day: 23, date: "2015/05/25", open: 30, high: 45, low: 26, close: 40, cash: 42, prim: 2 },
                { day: 24, date: "2015/05/26", open: 40, high: 80, low: 30, close: 70, cash: 72, prim: 2 },
                { day: 25, date: "2015/05/27", open: 70, high: 80, low: 40, close: 55, cash: 57, prim: 2 },
                { day: 26, date: "2015/05/28", open: 55, high: 65, low: 11, close: 30, cash: 33, prim: 3 },
                { day: 27, date: "2015/05/29", open: 30, high: 45, low: 26, close: 40, cash: 42, prim: 2 },
                { day: 28, date: "2015/05/30", open: 40, high: 80, low: 30, close: 70, cash: 72, prim: 2 },
                { day: 29, date: "2015/05/31", open: 70, high: 80, low: 40, close: 55, cash: 57, prim: 2 },
    ];

    My issue is that tooltips, zoom and drag features are not displayed / working. Please note that the charts are well displayed (see "ForumKendoChart.PNG").

     Could anyone help me, please?

     Thanks.

     Regards,

  8. Rosen
    Admin
    Rosen avatar
    3234 posts

    Posted 12 Jun 2015 Link to this post

    Hello Nadhir,

    I'm not sure how your question is related to this thread's topic of discussion. Could you please open a separate support request providing the required information.

    Regards,
    Rosen
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top
UI for ASP.NET MVC is VS 2017 Ready