This is a migrated thread and some comments may be shown as answers.

Layout footer disappears

1 Answer 85 Views

Application

This is a migrated thread and some comments may be shown as answers.

Missing User asked on 26 Jul 2013, 11:58 PM

Hi,

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 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>

<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>

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

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Layout footer disappears

1 Answer, 1 is accepted