1. #1
    Sencha User
    Join Date
    May 2008
    Posts
    262
    Vote Rating
    -4
    mnask79 is infamous around these parts

      0  

    Default Unanswered: gmappanel and form in window

    Unanswered: gmappanel and form in window


    hi all ,

    im trying to show a window and inside it search form and google map window , and its working but not as i wish

    - form panel is plain , i dont want it plain
    - when i resize form , i get white space in gmappanel
    - collaps move to up and down not to right or left

    please find the script below and tell me what if i'm missing anything

    regards


    Code:
    var fsf = Ext.create('Ext.form.Panel', {
            region: 'center',
            width : 100 ,
            plain : false ,
            bodyStyle:'padding:5px 5px 0',
            fieldDefaults: {
                msgTarget: 'side',
                labelWidth: 75
            },
            defaultType: 'textfield',
            layout: 'form',
    
            items: [{
                        fieldLabel: 'City',
                        id : 'city',
                        name: 'city'
                    },{
                        fieldLabel: 'Street',
                        id : 'street',
                        name: 'street'
                    }]
        });
        
        
        
        
        var mapwin = Ext.create('Ext.Panel', {
            region: 'west',
            //title: 'Navigation',
            plain:false ,
            split: true,
            collapsible: true,
            floatable: false,
            frame:false,
            border:false,
            width: 890,
            //minWidth: 700,       
            height: 550,
            items: [{
                xtype: 'gmappanel',
                zoomLevel: 14,
                gmapType: 'map',
                mapConfOpts: ['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'],
                mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl'],
                setCenter: {
                    geoCodeAddr: '4 Yawkey Way, Boston, MA, 02215-3409, USA',
                    marker: {title: 'Fenway Park'}
                },
                markers: [{
                    lat: 42.339641,
                    lng: -71.094224,
                    marker: {title: 'Boston Museum of Fine Arts'},
                    listeners: {
                        click: function(e){
                            Ext.Msg.alert({title: 'Its fine', text: 'and its art.'});
                        }
                    }
                },{
                    lat: 42.339419,
                    lng: -71.09077,
                    marker: {title: 'Northeastern University'}
                }]
            }]
        });
            
         var win = Ext.create('widget.window', {
                    title: 'Layout Window',
                    closable: true,
                    plain:false,
                    closeAction: 'hide',
                    width: 1200,
                    minWidth: 350,
                    height: 550,
                    layout: 'border',
                    bodyStyle: 'padding: 5px;',
                    items: [fsf, mapwin]
         });
            
            
            
         win.show()

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    898
    Answers
    3575
    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


    What do you mean you don't want it plain? What do you want? frame?

    If you want the west region to collapse up/down then switch it to be the north or south region.
    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