km transitions and buttons

by valchev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.mobile.all.min.css">
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<div data-role="view" id="foo" data-title="View Foo" data-transition="slide">
    
    <div data-role="header">&nbsp;</div>
    
    <div data-role="scroller">
        <h2>View Foo</h2>
        <br />
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec felis at nulla posuere fermentum. Fusce commodo eleifend augue. Integer ac nunc id odio scelerisque volutpat nec vel turpis. Vivamus et lacus lectus, nec lobortis nisi. Donec vitae nisl ut magna rhoncus congue quis eget risus. Etiam vitae mauris dolor. Pellentesque sapien magna, placerat vel dictum eget, faucibus sed neque.
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec felis at nulla posuere fermentum. Fusce commodo eleifend augue. Integer ac nunc id odio scelerisque volutpat nec vel turpis. Vivamus et lacus lectus, nec lobortis nisi. Donec vitae nisl ut magna rhoncus congue quis eget risus. Etiam vitae mauris dolor. Pellentesque sapien magna, placerat vel dictum eget, faucibus sed neque.</p>
    </div>
    <br />  
    <center><a href="#bar" data-role="button"><img src="http://i.minus.com/jba4PZ0WaNRPEJ.png" /></a></center>
    <div data-role="footer">&nbsp;</div>
    
</div>

<div data-role="view" id="bar" data-title="View Bar" data-transition="slide:right">
    
    <div data-role="header">&nbsp;</div>
    
    <div data-role="scroller">
        <h2>View Bar</h2>
        <br />
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec felis at nulla posuere fermentum. Fusce commodo eleifend augue. Integer ac nunc id odio scelerisque volutpat nec vel turpis. Vivamus et...

CSS

p {
 font-weight: normal;        
}

JavaScript

var app = new kendo.mobile.Application();