Hi,
I have encountered a very strange behaviour demonstrated by the following code sample:
If you press the buttons 'Lernen', 'Los 2', go Home via the button in the footer, and press 'Lernen', 'Los 2' again, the footer vanishes and there is only a black strip where the footer is supposed to be.
This can be prevented by either using a different transition than 'fade', which is not an option in my case, or by not setting the default transition in the app initalization.
As you can see in the code snippet, I am using Phonegap (for Android). My Kendo UI version is 2013.2.716.
Looking forward to your reply
Alex
I have encountered a very strange behaviour demonstrated by the following code sample:
<!DOCTYPE HTML>
<
html
>
<
head
>
<
title
></
title
>
<
meta
charset
=
"UTF-8"
/>
<
script
type
=
"text/javascript"
charset
=
"utf-8"
src
=
"cordova-2.5.0.js"
></
script
>
<
link
href
=
"styles/kendo.mobile.all.min.css"
rel
=
"stylesheet"
/>
</
head
>
<
body
>
<
div
data-role
=
"view"
data-layout
=
"layout_home"
id
=
"home"
>
<
a
data-role
=
"button"
href
=
"#lernen_auswahl"
>Lernen</
a
>
</
div
>
<
div
data-role
=
"view"
data-layout
=
"layout_default"
id
=
"lernen_auswahl"
>
<
a
data-role
=
"button"
href
=
"#lernen1"
data-transition
=
"fade"
>Los 2</
a
>
</
div
>
<
div
data-role
=
"view"
data-layout
=
"layout_lernen"
id
=
"lernen1"
data-stretch
=
"true"
>
Foo!
</
div
>
<
div
data-role
=
"layout"
data-id
=
"layout_home"
>
</
div
>
<
div
data-role
=
"layout"
data-id
=
"layout_lernen"
>
<
div
data-role
=
"footer"
>
<
div
data-role
=
"navbar"
>
<
p
data-align
=
"right"
>
<
a
data-role
=
"button"
href
=
"#home"
>
Home
</
a
>
</
p
>
</
div
>
</
div
>
</
div
>
<
div
data-role
=
"layout"
data-id
=
"layout_default"
>
<
div
data-role
=
"footer"
>
<
div
data-role
=
"navbar"
>
<
p
data-align
=
"right"
>
<
a
data-role
=
"button"
href
=
"#home"
>
Home
</
a
>
</
p
>
</
div
>
</
div
>
</
div
>
<
script
src
=
"js/jquery.min.js"
></
script
>
<
script
src
=
"js/kendo.mobile.min.js"
></
script
>
<
script
>
var app = new kendo.mobile.Application($(document.body), { transition: "slide" });
</
script
>
</
body
>
</
html
>
This can be prevented by either using a different transition than 'fade', which is not an option in my case, or by not setting the default transition in the app initalization.
As you can see in the code snippet, I am using Phonegap (for Android). My Kendo UI version is 2013.2.716.
Looking forward to your reply
Alex