Hello,
1. I am trying to open a PopOver from within a list view.
in this way any clicked <li> will open a PopOver, where at any
given moment, a maximum of only 1 PopOver will be open and visible at
any given time.
2. Assuming we've succeeded the above, the plan is to open each PopOver with it's relevant info.
For example a listView with
Remarks...
Remarks...
Remarks...
Will open a PopOver with the actual remarks for each line ( <li> ).
I am a newby at Kendo Mobile, but it looks like something trivial for someone who knows what they are doing :)
What I've tried so far
According to the docs:
"The Mobile PopOver widget can be open when any mobile navigational
widget (listview link item, button, tabstrip, etc.) is tapped.
To do so, add data-rel="popover"
attribute and a href
attribute equal to the PopOver id
to the navigational widget DOM element (prefixed with #
, like an anchor)."
Not 100% working. I've tried opening from within the ListView with a button (data-role="button").
The only kind of working option, is opening the PopOver from within
<div data-role="header"> or <div data-role="footer"> only.
Another thing I've tried is opening the PopOver directly using various jQuery commands. Not recommended :)
PopOver officially has a .close() command. if only it had an .open() command...
Any help is appreciated.
Many thanx
Ran
PS - I am developing on FireFox on Windows 7