1. #1
    Sencha User
    Join Date
    Oct 2011
    Posts
    6
    Vote Rating
    0
    jurrie is on a distinguished road

      0  

    Question Answered: How to keep toolbar title width under control

    Answered: How to keep toolbar title width under control


    I have a details page of an item consisting of:
    • A toolbar for the item's title and a back button to the list of items
    • A summary panel
    • A toolbar with buttons allowing the user to open f.e. pictures of the item
    • A panel with a detailed description of the item
    Some items have long titles. When the title is set to the toolbar, its width is extended so the whole title will fit. As a result, the other components on the page also become wider and parts disappear off the screen. In Sencha 1.1, this issue did not occur. I assume this is due to Ext.Title which may not exist in that version.

    My question is: how can I control this dynamic title width? I do not want to set a fixed width since we may want to support different phone resolutions, landscape mode and tablets.

    In a perfect world. I'd like to determine the width of the title bar without content and scale the title itself to fit, but I am unable to find any method/event which can help me to achieve that.

    Thanks in advance for any info or hints.

  2. In ST2 we have something called a NavigationBar. It extends Toolbar, and it automatically manages the width of the title for you. It also gives each button in its item the configuration option align. This allows you to put a button to the left or the right of the title.

  3. #2
    Sencha User
    Join Date
    Mar 2007
    Location
    Haarlem, Netherlands
    Posts
    1,243
    Answers
    28
    Vote Rating
    10
    TommyMaintz will become famous soon enough TommyMaintz will become famous soon enough

      0  

    Default


    In ST2 we have something called a NavigationBar. It extends Toolbar, and it automatically manages the width of the title for you. It also gives each button in its item the configuration option align. This allows you to put a button to the left or the right of the title.

  4. #3
    Sencha User
    Join Date
    Oct 2011
    Posts
    6
    Vote Rating
    0
    jurrie is on a distinguished road

      0  

    Default


    Even better than I hoped and works like a charm; thanks!

    I reckon I should browse through the components for other new, convenient ones :-)

  5. #4
    Sencha User
    Join Date
    Oct 2011
    Location
    Austin, TX
    Posts
    43
    Vote Rating
    0
    tthai is on a distinguished road

      0  

    Default


    Hi, i'm having same issue and found this:
    /docs/#!/api/Ext.navigation.Bar-method-refreshNavigationBarProxy

    But it says this is a private class. Ext.navigation.Bar

    I don't want to use NavigationView component but still want abilityt so the long title is not overlapping back button.

Thread Participants: 2

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi