I'm trying to use multiple layout definitions without success. The views are always using the default one. The code is looking like that:
"view2" is using the default layout as well (instead of "layout2"). Am I doing something wrong? I just followed the layouts documentation.
<
div
data-role
=
"layout"
data-id
=
"default"
>
<
header
data-role
=
"header"
>
<
div
data-role
=
"navbar"
> some content ... </
div
>
</
header
>
<
footer
data-role
=
"footer"
>
<
div
data-role
=
"tabstrip"
> some content... </
div
>
</
footer
>
</
div
>
<
div
data-role
=
"layout"
data-id
=
"layout2"
>
<
header
data-role
=
"header"
>
<
div
data-role
=
"navbar"
> some other content ... </
div
>
</
header
>
<
footer
data-role
=
"footer"
>
<
div
data-role
=
"tabstrip"
> some other content... </
div
>
</
footer
>
</
footer
>
</
div
>
<
div
id
=
"view1"
data-role
=
"view"
data-layout
=
"default"
>
content...
</
div
>
<
div
id
=
"view2"
data-role
=
"view"
data-layout
=
"layout2"
>
content...
</
div
>