Threaded View

  1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    4
    Vote Rating
    0
    jasontran is on a distinguished road

      0  

    Default Answered: Problem with map on layout card

    Answered: Problem with map on layout card


    Hello all,


    I have a problem with map.
    When I tap on 'map' button, map will show. But it's not full screen
    Please help me to fix this issue
    Code:
    Ext.application({
        launch: function() {
            Ext.create('Ext.Panel', {
                id: 'viewport',
                fullscreen: true,
                layout: {
                   type: 'card',
                   animation: {
                      type: 'slide',
                   }
                },
                defaults: {
                    flex: 1
                },
                items: [
                    {
                        html: 'html',
                    },
                    {
                        id: 'GGmap',
                        xtype: 'map',
                        getLocation: true
                    },
                    {
                        xtype: 'toolbar',
                        id: 'toolbar',
                        docked: 'top',
                        items: [
                            {
                                id: 'showMap',
                                xtype: 'button',
                                text: 'Map',
                                ui: 'confirm',
                                handler: function(btn, evt) {
                                    Ext.getCmp('viewport').setActiveItem(Ext.getCmp('GGmap'));
                                }
                            }
                        ]
                    }
                ]
            });
        }
    });
    Many thanks

  2. Tested your code against our latest code we have internally that will be apart of the next release and the map is taking up 100% of the width/height of the panel as expected from card layout.

Thread Participants: 1