popover acts like not initialized

[Dennis]

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

    </div>

</div>

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,

Dennis

[Kamen Bundev]

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?

Greetings,
Kamen Bundev
the Telerik team

[Dennis]

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.