Hi,
We're trialing Kendo UI Mobile for an iOS app targeted for the iPad. The pane navigation in the SplitView doesn't seem to be working. Navigating within the same view works but links with the target set to the other pane don't work. There are no errors in the console.
Tried with v2013.2.626 and v2013.1.514, also using jQuery 1.9.1 and RequireJS. The online demo works in the browser but not in the contained app. Please advise. Thanks
We're trialing Kendo UI Mobile for an iOS app targeted for the iPad. The pane navigation in the SplitView doesn't seem to be working. Navigating within the same view works but links with the target set to the other pane don't work. There are no errors in the console.
Tried with v2013.2.626 and v2013.1.514, also using jQuery 1.9.1 and RequireJS. The online demo works in the browser but not in the contained app. Please advise. Thanks
<
div
data-role
=
"splitview"
>
<
div
data-role
=
"pane"
id
=
"side-pane"
data-layout
=
"side-default"
>
<
div
data-role
=
"view"
data-title
=
"Level 1"
id
=
"menu-root"
>
<
ul
data-role
=
"listview"
>
<
li
><
a
href
=
"#menu-sub"
>Sub Menu</
a
></
li
>
</
ul
>
</
div
>
<
div
data-role
=
"view"
data-title
=
"Level 2"
id
=
"menu-sub"
>
<
ul
data-role
=
"listview"
>
<
li
><
a
href
=
"#test"
data-target
=
"main-pane"
>Test</
a
></
li
>
<
li
><
a
href
=
"#messages"
data-target
=
"main-pane"
>Messages</
a
></
li
>
</
ul
>
</
div
>
<
div
data-role
=
"layout"
data-id
=
"side-default"
>
<
div
data-role
=
"header"
>
<
div
data-role
=
"navbar"
>
<
span
data-role
=
"view-title"
></
span
>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
data-role
=
"pane"
data-layout
=
"main-default"
id
=
"main-pane"
>
<
div
data-role
=
"view"
data-title
=
"Test"
id
=
"test"
>
<
p
>Test!</
p
>
<
a
href
=
"#messages"
data-role
=
"button"
>Go To Messages</
a
>
</
div
>
<
div
data-role
=
"view"
data-title
=
"Messages"
id
=
"messages"
>
<
p
>Messages!</
p
>
</
div
>
<
div
data-role
=
"layout"
data-id
=
"main-default"
>
<
div
data-role
=
"header"
>
<
div
data-role
=
"navbar"
>
<
span
data-role
=
"view-title"
></
span
>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>