Permalink
Browse files

Added more Android support.

  • Loading branch information...
1 parent d06c851 commit 74d7ab2e083b40a92daa515201d43a7902df7f00 @wnielson committed Mar 27, 2012
View
@@ -0,0 +1 @@
+./sdk
View
13 README
@@ -35,4 +35,15 @@ To build the example you need to put Sencha Touch into a folder named sdk. Then
./sdk/commands/sencha app build -e testing
-This will produce the example app in the `build/testing` directory.
+This will produce the example app in the `build/testing` directory.
+
+
+Notes
+-----
+
+So far this has been tested on:
+
+ * iOS 5
+ * Android 4.0.3
+ * Android 2.3.3
+
View
2 app.js
@@ -9,7 +9,7 @@ Ext.application({
name: 'SlideNavigationExample',
requires: [
- 'Ext.MessageBox',
+ 'Ext.Msg'
],
views: [
View
@@ -1,6 +1,14 @@
Ext.define("SlideNavigationExample.view.Main", {
extend: 'Ext.ux.slidenavigation.View',
+ requires: [
+ 'Ext.Container',
+ 'Ext.MessageBox',
+ 'Ext.Panel',
+ 'Ext.Toolbar',
+ 'Ext.event.publisher.Dom'
+ ],
+
config: {
fullscreen: true,

Large diffs are not rendered by default.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.
View
@@ -5,7 +5,7 @@
<title>SlideNavigationExample</title>
<!-- Android debug -->
- <!--<script src="http://10.0.2.2:8080/target/target-script-min.js#anonymous"></script>-->
+ <script src="http://10.0.2.2:8080/target/target-script-min.js#anonymous"></script>
<style type="text/css">
/**
View
@@ -67,14 +67,16 @@ Ext.define('Ext.ux.slidenavigation.View', {
/**
* @cfg {Integer} slideDuration Number of miliseconds to animate the sliding
- * of the container when "flicked".
+ * of the container when "flicked". By default the animation is disable on
+ * Android.
*/
slideDuration: Ext.os.is.Android ? 0 : 100,
/**
* @cfg {Integer} selectSlideDuration Number of miliseconds to animate the sliding
* of the container when list item is selected (if closeOnSelect = true). The default
- * value here of 300 gives a much nicer feel.
+ * value here of 300 gives a much nicer feel. By default the animation is disable on
+ * Android.
*/
selectSlideDuration: Ext.os.is.Android ? 0 : 300,
@@ -381,7 +383,7 @@ Ext.define('Ext.ux.slidenavigation.View', {
docked: 'left',
cls: 'x-slidenavigation-list',
style: 'position: absolute; top: 0; left: 0; height: 100%;' +
- 'width: 100% !important; z-index: 50',
+ 'width: 100% !important; z-index: 2',
listeners: {
select: this.onSelect,
scope: this
@@ -398,7 +400,7 @@ Ext.define('Ext.ux.slidenavigation.View', {
return Ext.create('Ext.Container', Ext.merge({}, this.config.container, {
docked: 'left',
cls: 'x-slidenavigation-container',
- style: 'width: 100%; height: 100%; opacity: 1; z-index: 100',
+ style: 'width: 100%; height: 100%; position: absolute; opacity: 1; z-index: 5',
docked: 'left',
layout: 'card',
draggable: {

0 comments on commit 74d7ab2

Please sign in to comment.