1. #1
    Sencha User
    Join Date
    Jun 2012
    Posts
    4
    Vote Rating
    0
    up_s is on a distinguished road

      0  

    Default Unanswered: Subtitle in Panel

    Hi

    Is there a way I can have a subtitle along with the title in a Panel? I don't think subtitle is part of framework.

    Thanks

  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,129
    Vote Rating
    228
    Answers
    494
    slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of

      0  

    Default

    Undoubtedly there's a more elegant way to do this, but here's something to mess about with:

    http://jsfiddle.net/slemmon/ncvhc/

    Code:
    Ext.define('myPanel', {    extend: 'Ext.panel.Panel'
        , alias: 'widget.mypanel'
        
        , initComponent: function () {
            var me = this;
    
    
            if (me.subTitle) {
                me.title = me.title + '<br><i style="font-size:.8em;color:#C47A02;">' + me.subTitle + '</i>';
            }
            
            me.callParent(arguments);
        }
    });
    
    
    Ext.widget('mypanel', {
        renderTo: Ext.getBody()
        , width: 200
        , height: 200
        , collapsible: true
        , title: 'Title'
        , subTitle: 'sub-title'
    });

Thread Participants: 1