1. #191
    Touch Premium Member hotdp's Avatar
    Join Date
    Nov 2010
    Location
    Denmark
    Posts
    603
    Vote Rating
    14
    hotdp will become famous soon enough

      0  

    Default


    Hmm but hen you change what navigation view is active will it not "flicker"? Also will you add the same buttons to all navigationBars?

  2. #192
    Sencha User
    Join Date
    Nov 2007
    Location
    Los Angeles
    Posts
    79
    Vote Rating
    13
    wnielson will become famous soon enough

      1  

    Default


    Quote Originally Posted by hotdp View Post
    Hmm but hen you change what navigation view is active will it not "flicker"? Also will you add the same buttons to all navigationBars?
    Yes, there will be a slight "flicker" the first time a new navigation.View is added to the container, but this is already the case for any component. Once it is initially rendered though, it is cached, so "flickering" when activating that item at a later time till be significantly reduced.

    As for the 'slidebutton', the way that I implement this in my own apps is similar to the FB app--on the "root" view of any navigation.View, the 'slidebutton' is visible, but on children views it isn't. The slidenavigation component doesn't have support for this built in, because it too specific, but adding the functionality on your own is fairly trivial. Consider the following listeners (untested) on a navigation.View inside of a slidenavigation:

    Code:
    back: function(nav) {
        if (nav.getInnerItems().length == 2) {
            bar = nav.getNavigationBar();
            bar.down('button[name="slidebutton"]').show({
                type: 'fade',
                out: false,
                duration: bar.getAnimation().duration
            });
        }
    },
    push: function(nav) {
        var bar = nav.getNavigationBar();
        bar.down('button[name="slidebutton"]').hide({
            type: 'fade',
            out: true,
            duration: bar.getAnimation().duration
        });
    }

  3. #193
    Touch Premium Member hotdp's Avatar
    Join Date
    Nov 2010
    Location
    Denmark
    Posts
    603
    Vote Rating
    14
    hotdp will become famous soon enough

      0  

    Default


    Thank you for the answer,
    Do you have an URL for a application that has this implementation?

  4. #194
    Sencha User
    Join Date
    Nov 2007
    Location
    Los Angeles
    Posts
    79
    Vote Rating
    13
    wnielson will become famous soon enough

      0  

    Default


    Quote Originally Posted by hotdp View Post
    Thank you for the answer,
    Do you have an URL for a application that has this implementation?

    I've started putting together an example application for the newer slide view component. You can find a very, very early version of it here. To get an idea of what it looks and feel like, check out the video:


  5. #195
    Sencha User joostvanhassel's Avatar
    Join Date
    Jan 2012
    Location
    Rotterdam, The Netherlands
    Posts
    102
    Vote Rating
    1
    joostvanhassel is on a distinguished road

      0  

    Question Sencha Architect

    Sencha Architect


    Awesome work wnielson!

    Has anyone tried to get this to work within Sencha Architect? It would be great to be able to use this from the IDE! Will have a look myself at getting this to work, but I'm not that experienced with overriding components in SA (yet .

  6. #196
    Touch Premium Member hotdp's Avatar
    Join Date
    Nov 2010
    Location
    Denmark
    Posts
    603
    Vote Rating
    14
    hotdp will become famous soon enough

      0  

    Default


    Quote Originally Posted by joostvanhassel View Post
    Awesome work wnielson!

    Has anyone tried to get this to work within Sencha Architect? It would be great to be able to use this from the IDE! Will have a look myself at getting this to work, but I'm not that experienced with overriding components in SA (yet .
    Hi,
    I have successfully added it to my SA project.
    But it is as an external file because I wanted to be able to update it easily when there is updates.
    This would be more work if it was an SA component.

  7. #197
    Sencha User joostvanhassel's Avatar
    Join Date
    Jan 2012
    Location
    Rotterdam, The Netherlands
    Posts
    102
    Vote Rating
    1
    joostvanhassel is on a distinguished road

      0  

    Default


    Quote Originally Posted by hotdp View Post
    Hi,
    I have successfully added it to my SA project.
    But it is as an external file because I wanted to be able to update it easily when there is updates.
    This would be more work if it was an SA component.
    Sounds like a solution that would work great for me too! How did you do this exactly? What file(s) did you reference and how did you extend your container in Sencha Architect from Ext.ux.slide.View?
    Last edited by joostvanhassel; 22 Mar 2013 at 6:51 AM. Reason: typo

  8. #198
    Sencha User
    Join Date
    Oct 2008
    Posts
    36
    Vote Rating
    5
    kholy is on a distinguished road

      0  

    Default


    Hi
    I am running version 0.2.2-dev and currently whenever i select a new category it changes the top toolbar, however id like to be able to get the menu icon/button to always be on a toolbar at the top that doesnt go away whenever you select a new menu item (this way i can have mobile app logo at top) is this possible? or easy to do?

    PS. sorry if it was already answered 20 pages isnt the easiest to filter through

  9. #199
    Touch Premium Member
    Join Date
    Aug 2010
    Posts
    195
    Vote Rating
    2
    hitman01 is on a distinguished road

      0  

    Default


    Amazing plugin.

    I love how you can slide the menu from anywhere, however in some cases I have a carousel component which obviously conflicts with the sliding menu.

    I was wondering if there was a simple way to disable the swipe listener for some particular components such as the carousel? Unless there is a different workaround?

  10. #200
    Sencha User Pulp Fiction's Avatar
    Join Date
    Mar 2013
    Location
    Italy
    Posts
    75
    Vote Rating
    -1
    Pulp Fiction is an unknown quantity at this point

      0  

    Default


    Hi, I have tried to insert the elements also in the rightContainer, but it forms a contention. In the Main view there is the part where I declare xclass and there I put all the view that interest me. Then when I declare the left and right Container the listener can not distinguish because it always starts from the first element. I do not know how to do.

    Code:
    Ext.define('SVE.view.Main', {
        extend: 'Ext.ux.slide.View',
        xtype: 'main',
    
        requires: [
            'Ext.dataview.List',
            'Ext.field.Search',
            'Ext.data.Store'
        ],
    
        views: [
            'Home',
        ],
    
        config: {
            slideDuration: 500,
    
            shadowStyle: '0 0 2px 1px rgba(30,36,47,0.3)',
    
            container: {
                items: [{
                    xclass: 'SVE.view.Home',
                },{
                     xclass: 'SVE.view.Politica',
                },{
                    xclass: 'SVE.view.Cronaca',
                },{
                    ........Some classes
                }]
            },
    
            leftContainer: {
                xtype: 'list',
                width: 250,
                cls: 'fb x-slideview-container-left',
                data: [{
                    name: 'Articoli'
                },{
                    name: 'Eventi'
                },{
                    name: 'Farmacia'
                }],
                itemTpl: '{name}',
                items: [{
                    xtype: 'toolbar',
                    docked: 'top',
                    ui: 'fb-dark',
                    items: [{
                        xtype: 'searchfield',
                        width: 225
                    }]
                }],
                listeners: {
                    itemtap: function(list, index) {
                        var slideview   = list.getParent(),
                            container   = slideview.getContainer();
    
                        container.setActiveItem(index);
                        Ext.defer(slideview.closeContainer, 200, slideview);
                    },
                    initialize: function(list) {
                        list.select(0);
                    }
                }
            },
              
            rightContainer: {
                xtype: 'list',
                width: 250,
                cls: 'fb x-slideview-container-right',
                data: [{
                    name: 'Politica'
                },{
                    name: 'Cronaca'
                },{
                    .........there the element that recall the other classes
                }],
                itemTpl: '{name}',
                items: [{
                    xtype: 'toolbar',
                    docked: 'top',
                    ui: 'fb-dark',
                    items: [{
                        xtype: 'searchfield',
                        width: 175
                    },{
                        xtype: 'button',
                        iconMask: true,
                        iconCls: 'settings'
                    }]
                }],
                
                listeners: {
                    itemtap: function(list, index) {
                        var slideview   = list.getParent(),
                            container   = slideview.getContainer();
    
                        container.setActiveItem(index);
                        Ext.defer(slideview.closeContainer, 200, slideview);
                    },
                    initialize: function(list) {
                        list.select(0);
                    }
                }
            }
        }
    });