popover acts like not initialized

3 posts, 1 answers
  1. Dennis
    Dennis avatar
    6 posts
    Member since:
    Sep 2012

    Posted 11 Oct 2012 Link to this post

    Have an anchor:
    <a id="popanchor" data-rel="popover" href="#popover-task" data-role="button" >Open PopOver</a>

    and a popover:
    <div data-role="popover" id="popover-task" >
        <div data-role="view">
            Hi There

    Other kendo elements seem to be working fine. Get error when clicking on the button "Uncaught TypeError: Cannot call method 'openFor' of undefined".

    Looking at source the error occurs here:
    kendo.widgetInstance($(href), ui).openFor(link);

    In the widgetInstance function...
    kendo.widgetInstance = function(element, suite) {
        var widget = suite.roles[element.data(kendo.ns + "role")];
        if (widget) {
            return element.data("kendo" + widget.fn.options.prefix + widget.fn.options.name);

    it fails to find the "kendoMobilePopOver" data. Which leads me to believe its not initializing properly. I tried setting up in in JavaScript instead and same result.

    Thoughts? Thanks,

  2. Answer
    Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 15 Oct 2012 Link to this post

    Hello Dennis,

    Can you post bigger code snippet - its hard to deduce what is wrong from this one? Generally the PopOver widget is meant to be a child of a View and can be referenced only within the said View. Maybe this is the issue you're facing?

    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Dennis
    Dennis avatar
    6 posts
    Member since:
    Sep 2012

    Posted 15 Oct 2012 Link to this post

    That's exactly the issue. Doh! And not only does it need to be child of the view, in the case of the SplitView I needed to put it child to the view inside the pane... Thanks Kamen.
Back to Top