1. #1
    Sencha User
    Join Date
    Sep 2012
    Posts
    29
    Vote Rating
    0
    cassiopeia is on a distinguished road

      0  

    Default Unanswered: disable background of carousel in overlay

    Unanswered: disable background of carousel in overlay


    hi,

    i've been searching for some code to add a carousel to an overlay.
    finally i found something (http://www.senchafiddle.com/#aXSPT)

    the problem now is, when i display the overlay, it works fine, but the background isn't disabled.

    this is how i show the overlay:

    Code:
    var overlay = Ext.create('LeaveRequest.view.TeamCalendarDetails');
    Ext.Viewport.add(overlay);
    overlay.show();
    and this gets created:

    Code:
    Ext.define('LeaveRequest.view.TeamCalendarDetails', {
        extend : 'Ext.Carousel',
    
        config : {
            style : 'background-color: #FFFFFF;border: solid #003366;',
            scrollable : false,
            hideOnMaskTap : true,
            modal : true,
            centered : true,
            width : Ext.os.deviceType == 'Phone' ? 240 : 320,
            height : Ext.os.deviceType == 'Phone' ? 240 : 380
        },
    
        initialize : function() {
            this.callParent(arguments);
            this.addItems();
    
        },
    
        addItems : function() {
            var data = Ext.getStore('requestdetailstore').getData().all;
            html = '...' ;
                this.add({
                            xtype : 'panel',
                            scrollable : 'vertical',              
                            styleHtmlContent : true,
                            items : [{
                                        html : html
                                    }, {
                                        xtype : 'button',
                                    
                                        text : 'close',
                                        scope : this,
                                        handler : this.closeOverlay
                                    }]
    
                        });
            }
        },
    
        closeOverlay : function() {
            this.destroy();
        }
    });
    i need the overlay, and the carousel, because the content is dependant of a store.
    each record of the store gets displayed within the carousel.

    any ideas?

  2. #2
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,394
    Answers
    148
    Vote Rating
    22
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default


    Hi,
    the best solution here is to place your carousel inside a "fit" layout overlay panel, then from your controller, get the reference to it, and loop through your store records using the function

    Code:
    store.each()
    to add all the cards you need.
    The Carousel itself doesn't have the right styles to be displayed as an overlay without having a container.
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    CEO at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    http://www.tux-components.com/


  3. #3
    Sencha User
    Join Date
    Sep 2012
    Posts
    29
    Vote Rating
    0
    cassiopeia is on a distinguished road

      0  

    Default


    is there no way to manually create a blur layer and activate it when you display the carousel?

Thread Participants: 1

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."