A Sencha Touch title bar (titlebar) example

This code shows how to add a title bar (titlebar) to a Sencha Touch panel:

Ext.define('RadioMobile.view.PodcastsPanel', {
    extend: 'Ext.Panel',
    alias: 'widget.podcastsPanel',

    config: {
        xtype: 'podcastsPanel',
        itemId: 'podcastsPanel',
        
        // for the tab config
        title: 'Podcasts',
        iconCls: 'team',

        scrollable: 'vertical',

        items: [
            {
                docked: 'top',
                xtype: 'titlebar',
                title: 'Podcasts'
            }
        ],
    },

});

As shown, the Panel title is “Podcasts”.

Add new comment

The content of this field is kept private and will not be shown publicly.

Anonymous format

  • Allowed HTML tags: <em> <strong> <cite> <code> <ul type> <ol start type> <li> <pre>
  • Lines and paragraphs break automatically.
By submitting this form, you accept the Mollom privacy policy.