---
title: "How to move between panels in Sencha touch"  
description: "How to move between panels in Sencha touch"  
author: "Anonymous User"  
published: 2013-05-31  
updated: 2013-06-01  
canonical: https://www.mindstick.com/forum/953/how-to-move-between-panels-in-sencha-touch  
category: "sencha touch"  
tags: ["sencha touch"]  
reading_time: 2 minutes  

---

# How to move between panels in Sencha touch

Hi Everyone!\
When moving between panels I get the following error [WARN][Ext.[Component](https://www.mindstick.com/articles/12262/learn-how-to-make-a-component-in-magento-2)#constructor] Registering a component with a id (`logOutButton`) which has [already](https://yourviews.mindstick.com/view/88453/the-hidden-ways-ai-is-already-controlling-your-daily-life) been used. Please ensure the existing component has been destroyed (`Ext.Component#destroy()`. I can go back to the [previous](https://yourviews.mindstick.com/view/81421/unlock-2-0-is-just-like-previous-corona-lockdowns) screen but the cannot go [forward](https://www.mindstick.com/forum/33488/in-webview-disabling-uitoolbar-s-back-and-forward-butttons) again without getting the above error.To combat this I have tried using the code below, but it does not work. Can [anyone help me](https://www.mindstick.com/forum/331/can-anyone-help-me-out-how-to-use-session-concept) out?\
var loginView = Ext.getCmp('login'); if(!loginView){ Ext.getCmp('loginTest2').destroy(); loginView = Ext.create('com.view.Login'); }\
Ext.Viewport.setActiveItem('login');I also tried:\
if(Ext.getCmp('login')){ Ext.Viewport.setActiveItem('Login'); }else{\
Ext.Viewport.setActiveItem(Ext.create('com.view.Login')); }\
Neither of these work and [result](https://www.mindstick.com/blog/12011/advantages-of-getting-result-oriented-seo-from-an-agency) in the same error and a [blank screen](https://www.mindstick.com/forum/34192/i-getting-a-blank-screen-after-dell-logo-start-up). I am using [Sencha Touch](https://www.mindstick.com/interview/23004/define-class-system-of-sencha-touch) 2.\
Your help is great appreciated.

## Replies

### Reply by AVADHESH PATEL

Hi Ezra!\
We can simply use following line to navigate from one panel to another..\
Ext.Viewport.animateActiveItem({ xtype: "cat" }, { type: "slide", direction: "up" });here, xtype is that we can define for the panel we want to display, like this...,\

```
Ext.define('BeLocal.view.LeftCurveList', {       extend: 'Ext.Panel',       **xtype: 'cat',**       config: {       items: [               {               xtype: 'toolbar',               docked: 'top',               width: '100%',               padding:0,               title: 'BeLocal Places',               items:[{                      xtype: 'button',                      ui: 'back',                      text: 'Back',                      ]               },            ]       }       });
```

\
\


---

Original Source: https://www.mindstick.com/forum/953/how-to-move-between-panels-in-sencha-touch

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.