Note that there are some explanatory texts on larger screens.

plurals
  1. POSencha Touch 2 - Text Overlapping Issue
    primarykey
    data
    text
    <p>I'm a new developer in Sencha Touch 2 and I'm trying to create my first application using its provided MVC architecture. I find issues with toolbar/titlebar text overlapping when navigating between pages. Take a look at these screenshots:</p> <p><a href="https://i.imgur.com/FBCa5.png" rel="nofollow noreferrer">Example 1</a></p> <p><a href="https://i.imgur.com/nrH3N.png" rel="nofollow noreferrer">Example 2</a></p> <p>I'm not pretty sure what's happening out there. I am using animateActiveItem and routing method to move across my application. </p> <p><strong>Users.js controller file, login method</strong></p> <pre><code>// Ajax code here, not included here // on ajax success: this.redirectTo("login"); </code></pre> <p><strong>Routes.js controller file</strong></p> <pre><code>routeLoginPage: function() { console.log("routeLoginPage"); Ext.Viewport.animateActiveItem({ xtype: "loginpage" }, { type: "slide", direction: "left" }); }, </code></pre> <p>Has anybody really faced a problem like this? I have no idea what to do right now as I was trying to resolve this issue for 2 days+.</p> <p><strong>EDIT</strong></p> <p>Basically I need to move across the pages defined as views. I define each view in different file containing properties: extend, requires, alias, config and methods defined by me. Every config property has titlebar attached as its first item.</p> <p>When I'm trying to change page, I load another view by controller command which changes address hash. Routes controller then fires an animateActiveItem method which loads another View (defined previously as xtype by alias property).</p> <p>I was using Miami Coder's Tutorial (miamicoder.com/2012/how-to-create-a-sencha-touch-2-app-part-1/) to learn Sencha Touch basics.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload