1. #1
    Touch Premium Member
    Join Date
    Jun 2010
    Posts
    324
    Vote Rating
    2
    profunctional is on a distinguished road

      0  

    Default How do i set the title of a panel

    How do i set the title of a panel


    I tried to set the "title" attribute for both the Ext.Panel item, and also the Ext.NestedList item using the code below:

    var dashboard = new Ext.Panel({
    title: 'Dashboard',
    layout: 'card',
    fullscreen: true,
    items:
    [
    {
    xtype: 'nestedlist',
    title: 'Dashboard',
    items:
    [
    {
    text: '<span>Dashboard</span><small class="counter">3</small>'
    }
    ]
    }
    ]

    });

    The title on the toolbar is still blank. What am I doing wrong?

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

      0  

    Default


    A panel doesnt support the title property like it does in Ext JS (yet). The easiest way to get around this is to do the following:

    Code:
    {
        // your panel config here
        dockedItems: [{
            dock: 'top',
            title: 'your title',
            xtype: 'toolbar'
        }]
    }

  3. #3
    Touch Premium Member
    Join Date
    Jun 2010
    Posts
    324
    Vote Rating
    2
    profunctional is on a distinguished road

      0  

    Default Double toolbar

    Double toolbar


    Thanks for the quick response. I tried that and got a title. Now how do I get rid of the second toolbar on the bottom? I've attached a screenshot.

    Thanks again.
    Attached Images

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

      0  

    Default


    Ooh, it looks like you are trying to add a title to a nestedlist. Nestedlist already adds a toolbar in order to have place to put the back button. You can pass configuration and additional items to this toolbar like this:

    Code:
    xtype: 'nestedlist',
    // your other nestedlist configuration
    toolbar: {
        title: 'Dashboard'
        // you can also add items to add more buttons here
        // for example:
        // items: [{xtype: 'spacer'}, {iconCls: 'refresh', handler: yourFn}]
    }

Similar Threads

  1. [SOLVED] Set panel title at page load
    By RKoopmans in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 26 Mar 2010, 2:42 AM
  2. [3.1] Ext Panel Override to allow on side title headers (title on left or right)
    By syscobra in forum Ext 3.x: User Extensions and Plugins
    Replies: 3
    Last Post: 22 Mar 2010, 8:47 AM
  3. How to set the title after panel is collapsed?
    By stevej in forum Ext 2.x: Help & Discussion
    Replies: 29
    Last Post: 5 Dec 2009, 10:39 PM
  4. How to set title on Panel when Ajax.requst is success
    By qtax87 in forum Ext 2.x: Help & Discussion
    Replies: 6
    Last Post: 4 Nov 2008, 2:52 AM
  5. How to set title on collapsed panel
    By behod in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 18 Feb 2008, 12:30 AM

Thread Participants: 1

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