Suppose an application based on a Kendo UI Mobile SplitView has a "side pane" with "side view 1" and "side view 2".
The "side layout" defines two buttons "layout 1" and "layout 2".
This application also has a "main pane" with "main view 1" and "main view 2".
Clicking "layout 1" should display "side view 1" in the side pane and "main view 1" in the "main pane", where as
Clicking "layout 2" should display "side view 2" in the side pane and "main view 2" in the "main pane"
As per the documentation, it is possible to configure a button as follows:
but this only triggers the navigation in the side pane.
It is also possible to configure a button as follows:
but this only triggers the navigation in the main pane.
How to programmatically trigger the navigation in both panes?
The "side layout" defines two buttons "layout 1" and "layout 2".
This application also has a "main pane" with "main view 1" and "main view 2".
Clicking "layout 1" should display "side view 1" in the side pane and "main view 1" in the "main pane", where as
Clicking "layout 2" should display "side view 2" in the side pane and "main view 2" in the "main pane"
As per the documentation, it is possible to configure a button as follows:
<
a
id
=
"layout1"
data-role
=
"button"
href
=
"#side-view1"
>
It is also possible to configure a button as follows:
<
a
id
=
"layout1"
data-role
=
"button"
href
=
"#main-view1"
data-target
=
"main-pane"
>
How to programmatically trigger the navigation in both panes?