Nested Views in a Kendo Mobile application

[Doru]

Hello,
I was wondering if there is any trick to enable nested views within a Kendo UI Mobile application. The following code is not running as expected (all the sub-views are loaded at once). The documentation from Kendo UI is not very specific about this.

<div data-role="view" id="dashView" data-layout="mobile-view">

        <div data-role="view" id="dataA">
            <a data-role="button" href="#dataB">A</a>
        </div>
        <div data-role="view" id="dataB">
            <a data-role="button" href="#dataC">B</a>
        </div>
        <div data-role="view" id="dataC">
            <a data-role="button" href="#dataA">C</a>
        </div>

</div>

Regards,
Doru

[Petyo]

Hi Doru,

I am not sure that I undertand you correctly. Can you please clarify what would you expect as a behavior of the nested view elements? 

Regards,
Petyo
Telerik

[Doru]

Petyo,
Thank you for your reply!

Taking the above example, we have a main View which contains 3 div blocks.
I was wondering if we can show only one div at a time and benefit from built-in transitions, href referencing to swap between the 3 div blocks. All this within the same main (parent) View.

After accommodating a little bit more with the Kendo mobile framework, looks like we can have a single active View within a mobile application (except the SplitView control).
Is this a correct assumption ? In case so, my question is answered.

Thank you!
Doru

[Petyo]

Hello Dan,

Your observation is correct - only one view can be active at a time. If I understand you correctly, I would like to recommend the splitview widget for the requirements you describe. You may customize the pane layout (horizontal or vertical). While the widget is mostly used in tablet-oriented applications, there are no technical limitations for its usage in a phone apps, too. 

Regards,

Petyo
Telerik