1. #1
    Ext GWT Premium Member
    Join Date
    Oct 2009
    Posts
    131
    Vote Rating
    3
    zlevardy is on a distinguished road

      0  

    Default Unanswered: viewport layout:border margin around

    Unanswered: viewport layout:border margin around


    hi,

    I am trying to add some space around my application in the browser window. It would be nice to have a 20 pixels around it. Unfortunatelly I does not working as I am trying it. Also you see I'am setting background color to black. That is the good place to do it?

    Code:
    Ext.define('MyApp.view.Viewport', {    extend: 'Ext.container.Viewport',
    
    
    	layout: 'border',
    	style: {
    		color: '#FFFFFF',
    		backgroundColor: '#000000'
        	,margin: 20,
        	padding: 10
        },
        bodyStyle: {
    		margin: 20,
        	padding: 10
        }
    thx

  2. #2
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,332
    Answers
    124
    Vote Rating
    83
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    Hi!

    here is a sample for you:-

    Code:
    Ext.create('Ext.panel.Panel', {
        width: 500,
        height: 300,
        title: 'Border Layout',
        style:'border:1px solid;margin:20px;padding:20px;background:red',
        layout: 'border',
        items: [{
            title: 'South Region',
            region: 'south',
            xtype: 'panel',
            height: 100,
            margins: '0 5 5 5'
        },{        
            title: 'West Region',
            region:'west',
            xtype: 'panel',
            margins: '5 0 0 5',
            width: 200,
            layout: 'fit'
        },{
            title: 'Center',
            region: 'center',  
            xtype: 'panel',
            layout: 'fit',
            margins: '5 5 0 0'
        }],
        renderTo: Ext.getBody()
    });
    Output:-
    border.png
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

Thread Participants: 1

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar