1. #1
    Sencha User
    Join Date
    Jun 2012
    Posts
    52
    Answers
    4
    Vote Rating
    2
    michael.parrott is on a distinguished road

      0  

    Default Unanswered: vertically centre button inside toolbar

    Unanswered: vertically centre button inside toolbar


    I have been adding buttons inside a toolbar like so: (this would be an item in a container)

    Code:
    {	xtype: 'toolbar',
            docked: 'top',
    	items:
    	[
    	{
    		xtype: 'button',
    		docked: 'left',
    		text: 'Back'
    	},
    	{
    		xtype: 'button',
    		docked: 'right',
    		text: 'Confirm'
    	}
    	]
    }
    But the buttons don't get placed in the centre (vertically) of the toolbar, and it looks really bad. How do I centre them?

  2. #2
    Sencha User jerome76's Avatar
    Join Date
    Apr 2012
    Location
    New Jersey
    Posts
    1,134
    Answers
    129
    Vote Rating
    99
    jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice

      0  

    Default


    You can try placing a container in the toolbar with a hbox layout with a center alignment, then putting the buttons in that container. I'm not sure I am understanding what you want to achieve.

  3. #3
    Sencha User
    Join Date
    Jun 2012
    Posts
    52
    Answers
    4
    Vote Rating
    2
    michael.parrott is on a distinguished road

      0  

    Default


    If you look at the toolbar attachment I added, I want the button that says 'Search Schools' to be in the middle of the toolbar, not at the top. The same thing happens with or without the title set.
    Attached Images

  4. #4
    Sencha User jerome76's Avatar
    Join Date
    Apr 2012
    Location
    New Jersey
    Posts
    1,134
    Answers
    129
    Vote Rating
    99
    jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice

      0  

    Default


    Search in the CSS for buttons that go on the toolbar and check if there is padding or margins on it.

    like .x-toolbar {
    or .x-toolbar .x-button {

Thread Participants: 1

Tags for this Thread

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