Overlay example for ST2? Don't get mine working!

[slngr]

Hello,

I try to build an overlay like e.g. in the kiva example app. For testing I copied the detail.js from kiva app, which contains the Ext.Sheet definition to build up an overlay. But I dont really get it working. There's is a deprecated warning, or the whole screen is getting black and my NavigationView history is crashing up.

Deprecate warning:

[DEPRECATE][App.view.PicalikeOverlay#show] Showing a component that currently doesn't have any container, please use Ext.Viewport.add() to add this component to the viewport

Lines where I want to show the Sheet:

// Event for tapped product on detail view            'picalike_dataview': {
                picalikeImgTapped: function(target) {
                    console.log(target.id);


                    if (!this.getPicalikeOverlay()) {
                        this.getPicalikeOverlayView.create();
                    }


                    // Cache the overlay view
                    var overlayView = this.getPicalikeOverlay();
                    //this.getViewport2().add(overlayView);


                    overlayView.show();


                }

If I add the red line of code the deprecate warning is gone, but the whole screen went black - no slide in like in Kiva example (http://dev.sencha.com/deploy/touch/examples/kiva/) on list item tap

Any ideas? I got the same issues if I build up a simpler modal Panel. Don't really know where to add the overlay in my views in MVC structure.

[mitchellsimoens]

For a floating component, you shouldn't add it to the viewport. This deprecate message is not valid for floating components.