This question is locked. New answers and comments are not allowed.
I put the following code for a listView inside a view-content div which is inside a tabstrip -- however, I can't see the listView in the simulator nor on my device.
Here's the code:
I have the kendo mobile minified js in the head.
Anything that I'm missing here?
I think that it's invisible because I nested that view inside another view. When I take the UL from within that view I see the UL on the page. I want the ListView to be within another view and not take the whole screen
Thanks in advance.
Here's the code:
<div id="tabstrip-home"
data-role="view"
data-title="Home">
<div class="view-content">
<
div
data-role
=
"view"
data-init
=
"initListView"
data-style
=
"inset"
>
<
ul
id
=
"listView"
>
<
li
>asdasd</
li
>
<
li
>asdasd</
li
>
<
li
>asdasd</
li
>
<
li
>asdasd</
li
>
<
li
>asdasd</
li
>
<
li
>asdasd</
li
>
<
li
>asdasd</
li
>
<
li
>asdasd</
li
>
</
ul
>
</
div
>
<
script
>
function initListView(e) {
e.view.element.find("#listView").kendoMobileListView();
}
</
script
>
</div>
</div>
I have the kendo mobile minified js in the head.
Anything that I'm missing here?
I think that it's invisible because I nested that view inside another view. When I take the UL from within that view I see the UL on the page. I want the ListView to be within another view and not take the whole screen
Thanks in advance.