swarnendude

// Add these properties and the method in your Utility class

// Type of animation
animationType : 'slide',

// Default animation duration is 250ms. You can change it here
animationDuration : 100,

// Turn ON or OFF the transitions
enablePageAnimations : true,

swarnendude

var touchTeam = Ext.create('Ext.DataView', {
  store: 'MyStore',
  itemTpl: document.getElementById('tpl_sales_rep_input').innerHTML
});

swarnendude

<!-- Sales Rep TPL Info -->
<script type="text/template" id="tpl_sales_rep_info">
  <div class="black-box sales-rep-details" id="sales_rep_info_block">
    <div class="name">{name}</div>
    <div><a href="tel:{phone}">{phone}</a></div>
    <div><a href="mailto:{email}">{email}</a></div>
  </div>
</script>

<!-- Sales Rep TPL Input -->

swarnendude

// A self executing function to return an object with all the api urls
api: (function () {
  // This is the base API url
  var baseUrl = 'http://www.example.com/api/';

  return {
    baseUrl: baseUrl,
    categories: baseUrl + 'categories',
    about: baseUrl + 'about'
  }

swarnendude

Ext.define('App.util.Utility', {
  singleton: true
  // Other properties and methods here
});

swarnendude

/* For top navigation */


.slide, 
.nav-list {
  -webkit-animation-duration: .200s;
  -webkit-transition-timing-function: cubic-bezier(0.275, 0.080, 0.425, 0.855);
}

.slide {

swarnendude

/* For right side navigation */

.slide ,
.nav-list {
  -webkit-animation-duration: .200s;
  -webkit-transition-timing-function: cubic-bezier(0.275, 0.080, 0.425, 0.855);
}

.slide {
  background: #f1f1f1;

swarnendude

Ext.define('SlideNav.controller.App', {
  extend: 'Ext.app.Controller',
  config: {
    refs: {
      main: 'main',
      navigation: 'navigation',

      navBtn: 'button[name="nav_btn"]'
    },

swarnendude

/* For left side navigation */

.slide ,
.nav-list {
  -webkit-animation-duration: .200s;
  -webkit-transition-timing-function: cubic-bezier(0.275, 0.080, 0.425, 0.855);
}

.slide {
  background: #f1f1f1;

swarnendude

Ext.define('SlideNav.view.Viewport', {
  extend: 'Ext.Container',
  xtype: 'app_viewport',
  requires: [
      'Ext.TitleBar'
  ],
  config: {
    fullscreen: true,
    layout: 'hbox',
    items: [{