Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    6
    Vote Rating
    0
    thotavrao is on a distinguished road

      0  

    Default Application not running good on firefox

    Application not running good on firefox


    The application which rendering and running well not working on firefox.

    var App = new Ext.Application({
    name: 'NotesApp',
    useLoadMask: true,
    launch: function () {

    Ext.regModel('Note', {
    idProperty: 'id',
    fields: [
    { name: 'id', type: 'int' },
    { name: 'date', type: 'date', dateFormat: 'c' },
    { name: 'title', type: 'string' },
    { name: 'narrative', type: 'string' }
    ],
    validations: [
    { type: 'presence', field: 'id' },
    { type: 'presence', field: 'title', message: 'Please enter a title for this note.' }
    ]
    });

    Ext.regStore('NotesStore', {
    model: 'Note',
    sorters: [{
    property: 'date',
    direction: 'DESC'
    }],
    proxy: {
    type: 'localstorage',
    id: 'notes-app-store'
    }
    });

    NotesApp.views.noteEditorTopToolbar = new Ext.Toolbar({
    title: 'Edit Note',
    items: [
    {
    text: 'Home',
    ui: 'back',
    handler: function () {
    NotesApp.views.viewport.setActiveItem('notesListContainer', { type: 'slide', direction: 'right' });
    }
    },
    { xtype: 'spacer' },
    {
    text: 'Save',
    ui: 'action',
    handler: function () {

    var noteEditor = NotesApp.views.noteEditor;

    var currentNote = noteEditor.getRecord();
    // Update the note with the values in the form fields.
    noteEditor.updateRecord(currentNote);

    var errors = currentNote.validate();
    if (!errors.isValid()) {
    currentNote.reject();
    Ext.Msg.alert('Wait!', errors.getByField('title')[0].message, Ext.emptyFn);
    return;
    }

    var notesList = NotesApp.views.notesList;
    var notesStore = notesList.getStore();

    if (notesStore.findRecord('id', currentNote.data.id) === null) {
    notesStore.add(currentNote);
    } else {
    currentNote.setDirty();
    }

    notesStore.sync();
    notesStore.sort([{ property: 'date', direction: 'DESC'}]);

    notesList.refresh();

    NotesApp.views.viewport.setActiveItem('notesListContainer', { type: 'slide', direction: 'right' });

    }
    }
    ]
    });

    NotesApp.views.noteEditorBottomToolbar = new Ext.Toolbar({
    dock: 'bottom',
    items: [
    { xtype: 'spacer' },
    {
    iconCls: 'trash',
    iconMask: true,
    handler: function () {
    // TODO: Delete current note.
    }
    }
    ]
    });

    NotesApp.views.noteEditor = new Ext.form.FormPanel({
    id: 'noteEditor',
    items: [
    {
    xtype: 'textfield',
    name: 'title',
    label: 'Title',
    required: true
    },
    {
    xtype: 'textareafield',
    name: 'narrative',
    label: 'Narrative'
    }
    ],
    dockedItems: [
    NotesApp.views.noteEditorTopToolbar,
    NotesApp.views.noteEditorBottomToolbar
    ]
    });

    NotesApp.views.notesList = new Ext.List({
    id: 'notesList',
    store: 'NotesStore',
    itemTpl: '<div class="list-item-title">{title}</div>' +
    '<div class="list-item-narrative">{narrative}</div>',
    onItemDisclosure: function (record) {
    // TODO: Render the selected note in the note editor.
    },
    listeners: {
    'render': function (thisComponent) {
    thisComponent.getStore().load();
    }
    }
    });

    NotesApp.views.notesListToolbar = new Ext.Toolbar({
    id: 'notesListToolbar',
    title: 'My Notes',
    layout: 'hbox',
    items: [
    { xtype: 'spacer' },
    {
    id: 'newNoteButton',
    text: 'New',
    ui: 'action',
    handler: function () {

    var now = new Date();
    var noteId = now.getTime();
    var note = Ext.ModelMgr.create(
    { id: noteId, date: now, title: '', narrative: '' },
    'Note'
    );

    NotesApp.views.noteEditor.load(note);
    NotesApp.views.viewport.setActiveItem('noteEditor', { type: 'slide', direction: 'left' });
    }
    }
    ]
    });

    NotesApp.views.notesListContainer = new Ext.Panel({
    id: 'notesListContainer',
    layout: 'fit',
    html: 'This is the notes list container',
    dockedItems: [NotesApp.views.notesListToolbar],
    items: [NotesApp.views.notesList]
    });

    NotesApp.views.viewport = new Ext.Panel({
    fullscreen: true,
    layout: 'card',
    cardAnimation: 'slide',
    items: [
    NotesApp.views.notesListContainer,
    NotesApp.views.noteEditor
    ]
    });
    }
    });

  2. #2
    Sencha User
    Join Date
    Mar 2012
    Posts
    6
    Vote Rating
    0
    thotavrao is on a distinguished road

      0  

    Default It is running well on chrome but not on firefox

    It is running well on chrome but not on firefox


    The application running well on chrome but not rendering and running well on firefox

  3. #3
    Sencha User
    Join Date
    Aug 2010
    Posts
    303
    Vote Rating
    3
    steve1964 is on a distinguished road

      0  

    Default


    Seccha Touch work only on webkit browser such as Chrome and Safari, Firefox is not a webkit browser, this is not a bug.

  4. #4
    Sencha User
    Join Date
    Mar 2012
    Posts
    6
    Vote Rating
    0
    thotavrao is on a distinguished road

      0  

    Default Thanks for information how about firefox for mobiile

    Thanks for information how about firefox for mobiile


    Hi Steve,

    Thanks for information, but how about firefox for mobile, also, firefox supports good javascript debugging using firebug, if it is supported by sencha touch it is good for developers.

  5. #5
    Sencha User
    Join Date
    Mar 2012
    Posts
    6
    Vote Rating
    0
    thotavrao is on a distinguished road

      0  

    Default


    If sencha touch supports for desktop, it should work for IE and firefox. As the core library is based on Sencha Extjs which is supported for cross browser, sencha touch also should support all browsers, am I right?

  6. #6
    Sencha User
    Join Date
    Apr 2012
    Posts
    6
    Vote Rating
    0
    Joz Michael is on a distinguished road

      0  

    Default


    I have the same doubt - thotavrao's last post...

    Can Some one Justify this plz.....

    Thanks in advance....

  7. #7
    Sencha Premium Member
    Join Date
    Jan 2011
    Location
    Dundas, Ontario, Canada
    Posts
    82
    Vote Rating
    -4
    rgporter can only hope to improve

      0  

    Default


    Sencha Touch does not support desktop browsers outside of Safari and Chrome. It is based on ExtJS, but doesn't contain all the code from ExtJS (if it did, it'd be a memory hog for mobile!)