1. #1
    Ext User
    Join Date
    Oct 2008
    Posts
    5
    Vote Rating
    0
    htedatawarehouse is on a distinguished road

      0  

    Default Panel Title Font Size

    Panel Title Font Size


    I want to change the font size of the text displayed in the panel title bar.

    I need to do this only on a specific instance panel so, I can't override the .x-panel-header (not sure the exact classname) as this will make all my other panels change their title font.

    I thought about overridding a Ext.Panel but I have no idea what to do should I choose to override the rendering mechanism.

    Please help/point me to the right direction.

    Thank you.

  2. #2
    Ext User
    Join Date
    Oct 2008
    Posts
    5
    Vote Rating
    0
    htedatawarehouse is on a distinguished road

      0  

    Default Solved

    Solved


    I wish I can just erase my post. The solution was very simple I jsut inserted a markup on my panel title


    from:

    title : 'Some Title'



    to:

    title : '<font style="font-size: 18px;">Some Title</font>

  3. #3
    Sencha User
    Join Date
    Jun 2009
    Location
    Colorado
    Posts
    51
    Vote Rating
    0
    Keylan will become famous soon enough

      0  

    Default


    Nonsense :-) Still useful for others, like me.

  4. #4
    Sencha User
    Join Date
    Nov 2009
    Posts
    29
    Vote Rating
    0
    Zoso is on a distinguished road

      0  

    Default


    Your answer helped me as well. Thank You for taking the time to post it

  5. #5
    Touch Premium Member
    Join Date
    Dec 2010
    Posts
    28
    Vote Rating
    1
    netlogic is on a distinguished road

      0  

    Default


    Very useful lets me create a dynamically sizing title. Thank you for posting.
    Here is some simple logic to handle title sizing in the bar.

    Code:
     this.getWhatCategoryView().setTitle( this.calcFontSize(  data.get("Title"), 20  ) );
    
    
      // create a nice way to fit title on to the screen
        //
        calcFontSize : function( titleToDisplay, checkwidth ) {
            var ilen = titleToDisplay.length;
            var fontsize = 1;
    
    
            if ( checkwidth == undefined || checkwidth == null) {
                checkwidth = 30;
            }
    
    
            if ( ilen <  10 )  {
                fontsize = 1;
            } else if ( ilen < checkwidth  )  {
                fontsize = .84;
            } else {
                fontsize = .55;
            }
    
    
            return  '<font style="font-size:' + fontsize + 'em;">' +  titleToDisplay
                        '</font>';
        },

Thread Participants: 3

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