Hybrid View

  1. #1
    Sencha User
    Join Date
    Jul 2011
    Posts
    7
    Vote Rating
    0
    tubilik is on a distinguished road

      0  

    Exclamation how to add title to tab bar

    how to add title to tab bar


    Hi,
    I wanna add a title to tabBar but I couldn't find a config option for this problem. Do you know any solution or trick? Thanks for your help

  2. #2
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,394
    Vote Rating
    22
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default


    Hi tubilik.
    There's no title config for a tabBar. Did you mean on Toolbar? If not, where you want to place that title on a tabBar?
    Try to explain me better where you wanna place it.
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    CEO at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    http://www.tux-components.com/


  3. #3
    Sencha User
    Join Date
    Jul 2011
    Posts
    7
    Vote Rating
    0
    tubilik is on a distinguished road

      0  

    Default


    I am using tabPanel for listing meals. I have two tabs called Diet and Normal, they are located at the right side of tabBar. I want to display the date at the center of the tabBar

  4. #4
    Sencha User
    Join Date
    Nov 2010
    Posts
    23
    Vote Rating
    0
    bwg is on a distinguished road

      0  

    Default


    You can't do that.

    Change your tab panel to a standard panel with card layout.

    Add a docked toolbar with two buttons aligned right with handlers for changing the cards and the title property set to a formatted date string.

    If you want your toolbar buttons to appear more like tabs, then you'll have to modify the CSS after you change the icon position.

  5. #5
    Sencha User
    Join Date
    Mar 2012
    Location
    Berlin
    Posts
    43
    Vote Rating
    1
    diractor is on a distinguished road

      0  

    Default Yes, you can

    Yes, you can


    I have achieved this by using a spacer:
    Code:
                {
                    xtype: 'tabbar',
                    docked: 'bottom',
                    items: [
                        {
                            title: 'September 2012',
                            iconCls: 'arrow_left',
                            iconMask: true
                        },
                        {
                            xtype: 'spacer',
                            style: 'color: #FFFFFF; text-align: center;',
                            html: 'Oktober 2012',
                            width: 200
                        },
                        {
                            title: 'November 2012',
                            iconCls: 'arrow_right',
                            iconMask: true
                        }
                    ]
                }

Thread Participants: 3

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