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
    8
    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
    8
    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

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