Page 1 of 3 123 LastLast
Results 1 to 10 of 26

Thread: Ext-based Content Management Application

  1. #1
    Ext User schmidetzki's Avatar
    Join Date
    Mar 2007
    Location
    Germany
    Posts
    110
    Vote Rating
    0
      0  

    Default Ext-based Content Management Application

    A few weeks ago we released a new Version of WebGate Anywhere, a J2EE based content management solution developed by Innovation Gate. Part of this new Release is the "WGA Content Manager plugin" - a complete new authoring UI.

    "WGA Content Manager" is base on the Ext Javascript Library (Version 1.0).
    Since a few days we also have an online demo:

    Visit the online demo ...
    Login:
    Username: demo
    Password: demo

    In addition to basic functions like Ext.Element, Ext.Quicktips, Ext.query, Ext.Field-s etc. the following Ext-Functions are used inside the application:
    • border layout

    • toolbars and menus

    • dialogs

    • tree control

    • drag&drop (inside the siteexplorer)

    • grid (in properties/attachments)


    Have fun with the WGA Content Manager and please report any comments and errors to
    ws@innovationgate.com
    Attached Images Attached Images

  2. #2
    Sencha User genius551v's Avatar
    Join Date
    Mar 2007
    Posts
    287
    Vote Rating
    0
      0  

    Default

    WOW....

    great job...

  3. #3
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,664
    Vote Rating
    404
      0  

    Default

    Are widgets on the east panel of the app standard Ext or extensions? I mean that small windows collapsible to their titles.

  4. #4
    Ext User schmidetzki's Avatar
    Join Date
    Mar 2007
    Location
    Germany
    Posts
    110
    Vote Rating
    0
      0  

    Default

    Quote Originally Posted by jsakalos View Post
    Are widgets on the east panel of the app standard Ext or extensions? I mean that small windows collapsible to their titles.
    The collapsible windows are (simple) extensions.

  5. #5
    Ext User
    Join Date
    May 2007
    Posts
    19
    Vote Rating
    0
      0  

    Default

    Very nice implementation! I really like the sidebar "widgets"

  6. #6

  7. #7
    Sencha User jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364
    Vote Rating
    86
      0  

    Default

    Gotta say that the site is HUGE 1.4MB. wow.

  8. #8
    Ext User
    Join Date
    May 2007
    Posts
    3
    Vote Rating
    0
      0  

    Default

    Quote Originally Posted by schmidetzki View Post
    The collapsible windows are (simple) extensions.
    Could you be kind and post the code for this collapsible window (accordian)?
    It really looks great!

  9. #9
    Ext User schmidetzki's Avatar
    Join Date
    Mar 2007
    Location
    Germany
    Posts
    110
    Vote Rating
    0
      0  

    Default

    Quote Originally Posted by Greg View Post
    Could you be kind and post the code for this collapsible window (accordian)?
    Here it is (extracted from our JSP so I hope it works):
    Code:
    <script>
    
    	BI={};	// define some namespace
    
    	BI.toggleInfoView=function(el){
    		el=Ext.get(el);
    		var title_el=el.child("div");
    		var content_el=Ext.get(el.getNextSibling());
    		
    		if(title_el.hasClass("x-layout-expand-north"))
    			BI.collapseElement(content_el.dom, function(){
    				title_el.removeClass("x-layout-expand-north");
    				title_el.addClass("x-layout-expand-west");
    	        });
    		else BI.expandElement(content_el.dom, function(){
    			title_el.addClass("x-layout-expand-north");
    			title_el.removeClass("x-layout-expand-west");
    		});		
    	}
    	
    	BI.expandElement=function(el, callback){
    		var cs = el.style;
    	    cs.position = 'absolute';
    	    cs.visibility = 'hidden';
    	    cs.display = '';
    	    var h = el.clientHeight;
    	    cs.overflow = 'hidden';
    	    cs.height = '1px';
    	    cs.position = '';
    	    cs.visibility = '';
    	    var anim = new YAHOO.util.Anim(el, {
    	        height: {to: h}
    	    }, .25, YAHOO.util.Easing.easeOutStrong);
    	    anim.onComplete.subscribe(function(){
    	        cs.overflow = '';
    	        cs.height = '';
    			if(callback)
    				callback();
    	    }, this, true);
    	    anim.animate();
    	}
    
    	BI.collapseElement=function(el, callback){
    		var cs = el.style;
    	    cs.height = el.offsetHeight +'px';
    	    cs.overflow = 'hidden';
    	    var anim = new YAHOO.util.Anim(el, {
    	        height: {to: 1}
    	    }, .25, YAHOO.util.Easing.easeInStrong);
    	    anim.onComplete.subscribe(function(){
    	        cs.display = 'none';
    	        cs.overflow = '';
    	        cs.height = '';
    			if(callback)
    				callback();
    	    }, this, true);
    	    anim.animate();
    	}
    
    </script>
    
    <div class="info">
    	<div class="x-layout-panel-hd" style="cursor:pointer" onclick="BI.toggleInfoView(this)">
    		<div class="x-layout-panel-hd-text header x-layout-expand-north">
    			insert title here ...
    		</div>
    	</div>
    	<div class="body" style="display:block">
    		insert body here ...
    	</div>
    </div>

  10. #10
    Sencha User genius551v's Avatar
    Join Date
    Mar 2007
    Posts
    287
    Vote Rating
    0
      0  

    Default

    Great man, tnks for sharing....

    can you post your method to "load" for example a grid in your central panel or in a dialog??

    tnks

Page 1 of 3 123 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •