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,251
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      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,251
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      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

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