1. #1
    Sencha User jsveron23's Avatar
    Join Date
    Feb 2011
    Location
    Seoul, Korea
    Posts
    78
    Vote Rating
    1
    jsveron23 is on a distinguished road

      0  

    Default What happen? I couldn't align on title.

    What happen? I couldn't align on title.


    스크린샷 2011-11-22 오후 3.32.04.png스크린샷 2011-11-22 오후 3.32.20.png

    like that. title didnt place to center bcoz buttons... sorry for my bad english.

  2. #2
    Sencha User
    Join Date
    Mar 2009
    Posts
    240
    Vote Rating
    0
    r_honey is on a distinguished road

      0  

    Default


    Hi if you want precise management of title positioning, then I would suggest not using the title configuration but use an item of type title in your toolbar items, e.g.

    Code:
    {
      xtype: 'toolbar',
      items: [
        {
            xtype: 'button',
            iconCls: 'refresh'
            iconMask: true
         },
         {
            xtype: 'spacer'
            width: 50,
         },
         {
            xtype: 'title',
            html: 'ABCD'
         },
         {
            xtype: 'spacer'
         },
         {
            xtype: 'button',
            iconCls: 'add',
            iconMask: true
         }
      ]
    }
    This way you can control title positioning much more accurately.

  3. #3
    Sencha User jsveron23's Avatar
    Join Date
    Feb 2011
    Location
    Seoul, Korea
    Posts
    78
    Vote Rating
    1
    jsveron23 is on a distinguished road

      0  

    Default


    Quote Originally Posted by r_honey View Post
    Hi if you want precise management of title positioning, then I would suggest not using the title configuration but use an item of type title in your toolbar items, e.g.

    Code:
    {
      xtype: 'toolbar',
      items: [
        {
            xtype: 'button',
            iconCls: 'refresh'
            iconMask: true
         },
         {
            xtype: 'spacer'
            width: 50,
         },
         {
            xtype: 'title',
            html: 'ABCD'
         },
         {
            xtype: 'spacer'
         },
         {
            xtype: 'button',
            iconCls: 'add',
            iconMask: true
         }
      ]
    }
    This way you can control title positioning much more accurately.
    ah~ thx a lot!

  4. #4
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    We actually made a component which does exactly what you want.

    http://docs.sencha.com/touch/2-0/#!/....NavigationBar
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

  5. #5
    Sencha User
    Join Date
    Mar 2009
    Posts
    240
    Vote Rating
    0
    r_honey is on a distinguished road

      0  

    Default


    Quote Originally Posted by rdougan View Post
    We actually made a component which does exactly what you want.

    http://docs.sencha.com/touch/2-0/#!/....NavigationBar
    Well how would you distinguish between a Toolbar and a NavigationBar Robert?

  6. #6
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    The title configuration is always centered, no mater what other content you have in there. you can also give items of a NavigationBar an 'align' configuration of left/right which will dock them to the left/right.
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

  7. #7
    Sencha User
    Join Date
    Mar 2009
    Posts
    240
    Vote Rating
    0
    r_honey is on a distinguished road

      0  

    Default


    Quote Originally Posted by rdougan View Post
    The title configuration is always centered, no mater what other content you have in there. you can also give items of a NavigationBar an 'align' configuration of left/right which will dock them to the left/right.
    Thanks, I wonder did we really needed a component when the same was easily achievable with items. Moreover, the Toolbar title configuration can be enhanced to accept a string or an object. For string, it would be centrally aligned like we have today and for object, well whatever the object says.

  8. #8
    Sencha User
    Join Date
    Jan 2012
    Posts
    32
    Vote Rating
    0
    dotBomb is on a distinguished road

      0  

    Default Navigationbar still available or no?

    Navigationbar still available or no?


    Hi,

    Wondering if Navigationbar is off-limits? I noticed it is a private member of Navigationview and the link posted above is dead.

    Dan

  9. #9
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    This 'navigation bar' was renamed to 'TitleBar'. You can view it in the documentation here: http://docs.sencha.com/touch/2-0/#!/api/Ext.TitleBar
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

  10. #10
    Sencha User
    Join Date
    Feb 2011
    Posts
    7
    Vote Rating
    0
    dimitri.fedorov is on a distinguished road

      0  

    Default


    It seems now its broken other way around - I can't align title to the right or to the left. Tried on NestedList and Panel components - no luck.

    Because of some reason title is always placed in x-centered div, making any alignment other than center impossible.

    Can someone provide a working example of toolbar with title aligned to, let's say, to the left?

    p.s. Okay, figured that out. I have to create Title manually, like this:

    Code:
    items:[
        {
            xtype: 'toolbar', docked: 'top', 
            items: [
                { xtype: 'title', title: 'My title' }
            ]
        }]
    Any attempt to specify 'title' variable outside of 'title' xtype will force automatic title creation, and its alignment to the center. This approach will work on Panel, but with NestedList it will cause creation of two titles simultaneously. Thus, if its possible to align title in NestedList is still unclear.

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