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.

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,549
    Vote Rating
    873
    Answers
    3567
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    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.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1