1. #1
    Ext User
    Join Date
    Aug 2009
    Posts
    36
    Vote Rating
    0
    Chris55 is on a distinguished road

      0  

    Default Application Header Like Ext 3.0 API Documentation

    Application Header Like Ext 3.0 API Documentation


    I am trying to reproduce a custom take on the Ext 3.0 API Documentation application header (North region of the BorderLayout manager). I have investigated other layout managers, such as hbox and panel + menu|toolbar items but don't know which one go to with (even injecting html). I am sure that this feature has been tackled before but I could not locate a thread about it. I appreciate any help you can provide. Thank you.

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    86
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    What exactly are you trying to accomplish?

  3. #3
    Ext User
    Join Date
    Aug 2009
    Posts
    36
    Vote Rating
    0
    Chris55 is on a distinguished road

      0  

    Default


    Hi Condor,

    Thanks for answering. I have used the 'vbox' layout manager to create 2 "rows" as follows. Note the '|' character denotes left and right borders that should cap the end of the rows but the forum removes spaces:

    ----------------------------------------------------
    |App Title Here (50%) Graphic Image href (50%)|
    ----------------------------------------------------
    |App Toolbar Here (100% fit)|
    ----------------------------------------------------

    The Toolbar is rendered without any issues using xtype: 'panel'. But I don't know which layout or native xtype to go with for the App Title (row 1) which is really like a 2 column layout. Thanks.

    Quote Originally Posted by Condor View Post
    What exactly are you trying to accomplish?

  4. #4
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    86
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    Some things are just easier done with plain HTML, e.g.
    Code:
    {
    	region: 'north',
    	height: 100,
    	items: {
    		xtype: 'box',
    		autoEl: {children: [
    			{tag: 'img', src: 'logo.gif', style: 'float:right'},
    			{cn: 'Title'}
    		]}
    	},
    	bbar: [{
    		text: 'Button 1'
    	},{
    		text: 'Button 2'
    	}]
    }

  5. #5
    Ext User
    Join Date
    Aug 2009
    Posts
    36
    Vote Rating
    0
    Chris55 is on a distinguished road

      0  

    Default


    I just wanted to follow-up on this thread and note that I used Condor's suggestion of using good 'ole fashion html/css to customize my heading. Thanks!

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