1. #1
    Sencha User
    Join Date
    Mar 2007
    Posts
    125
    Vote Rating
    0
    kjordan is on a distinguished road

      0  

    Default Borderlayout skins in 0.40 svn don't show tabs or titles

    Borderlayout skins in 0.40 svn don't show tabs or titles


    So I checked out 0.40 and the first time a page comes up, the tabs and titles don't show up for borderlayout on anything but the center. The pin button still shows, and so if I contract them and then expand them, the tabs and titles show up.
    Example:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    	<head>
    		<link rel="stylesheet" type="text/css" href="/system/js/yui-ext-svn/resources/css/ytheme-ext.css" />
    		<link rel="stylesheet" type="text/css" href="/system/js/yui-ext-svn/resources/css/layout.css" />
    		<link rel="stylesheet" type="text/css" href="/system/js/yui-ext-svn/resources/css/tabs.css" />
    		<link rel="stylesheet" type="text/css" href="/system/js/yui-ext-svn/resources/css/ytheme-gray.css" />
    		<script src="/system/js/yui-testing/build/yahoo/yahoo-debug.js"></script>
    		<script src="/system/js/yui-testing/build/dom/dom.js"></script>
    		<script src="/system/js/yui-testing/build/event/event.js"></script>
    		<script src="/system/js/yui-testing/build/connection/connection.js"></script>
    		<script src="/system/js/yui-testing/build/animation/animation.js"></script>
    		<script src="/system/js/yui-testing/build/autocomplete/autocomplete.js"></script>
    		<script src="/system/js/yui-testing/build/dragdrop/dragdrop.js"></script>
    		<script src="/system/js/yui-testing/build/slider/slider.js"></script>
    		<script src="/system/js/yui-testing/examples/autocomplete/js/json.js"></script>
    		<script src="/system/js/yui-testing/build/container/container.js"></script>
    		<script src="/system/js/yui-ext-svn/yui-ext.js"></script>
    		<script src="/system/js/yui-ext-svn/build/Element-min.js"></script>
    		<script src="/system/js/yui-ext-svn/build/DomHelper-min.js"></script>
    		<script src="/system/js/yui-ext-svn/build/EventManager-min.js"></script>
    		<script src="/system/js/yui-ext-svn/build/widgets/BasicDialog-min.js"></script>
    		<script src="/system/js/yui-ext-svn/build/layout/BorderLayout-min.js"></script>
    		<script src="/system/js/yui-ext-svn/build/layout/ContentPanels-min.js"></script>
    		<script src="/system/js/yui-ext-svn/build/layout/LayoutManager-min.js"></script>		
    		<script type="text/javascript" src="layout.js" />
    	</head>
    	<body>
    		<div id ="container">
    			<div id="west" class="ylayout-inactive-content">
    				West
    			</div>
    			<div id="west2" class="ylayout-inactive-content">
    				West
    			</div>
    			<div id="west3" class="ylayout-inactive-content">
    				West
    			</div>
    			<div id="west4" class="ylayout-inactive-content">
    				West
    			</div>
    			<div id="north" class="ylayout-inactive-content">
                                North
    			</div>
    			<div id="south" class="ylayout-inactive-content">
    				South
    			</div>
    			<div id="east" class="ylayout-inactive-content">
    				East
    			</div>
    			<div id="center" class="ylayout-inactive-content">
    				Center
    			</div>
    		</div>
    	</body>
    </html>
    Javascript:
    Code:
    Example = function(){
    	        var layout;
    	        return {
    	            init : function(){
    	               layout = new YAHOO.ext.BorderLayout(document.body, {
    	                    hideOnLayout: true,
    	                    north: {
    	                        titlebar: false
    	                    },
    	                    center: {
    	                        titlebar: true,
    	                        autoScroll:true,
    							split:true,
    							useShim:true
    	                    },
    						east: {
    	                        titlebar: true,
    							autoScroll:true,
    							split:true,
    							useShim:true,
    							collapsible: true,
    							animate:true,
    							initialSize: 100,
    							minSize: 100
    	                    },
    						west: {
    	                        titlebar: true,
    	                        autoScroll:true,
    							split:true,
    							useShim:true,
    							collapsible: true,
    							animate:true,
    							initialSize: 200,
    							minSize: 200,
    							resizeTabs:true
    	                    },
    						south: {
    	                        titlebar: true,
    	                        autoScroll:true,
    							split:true,
    							useShim:true,
    							collapsible: true,
    							animate:true,
    							initialSize: 50,
    							minSize: 50
    	                    }
    	                });
    
    
                        layout.beginUpdate();
    	                layout.add('north', new YAHOO.ext.ContentPanel('north', 'north'));
    	                layout.add('east', new YAHOO.ext.ContentPanel('east', 'east'));
    	                layout.add('center', new YAHOO.ext.ContentPanel('center', 'center'));
    	                layout.add('west', new YAHOO.ext.ContentPanel('west', 'Navigation'));
    	                layout.add('west', new YAHOO.ext.ContentPanel('west2', 'Actions'));
    	                layout.add('west', new YAHOO.ext.ContentPanel('west3', 'Widgets'));
    	                layout.add('west', new YAHOO.ext.ContentPanel('west4', 'Layout'));
    	                layout.add('south', new YAHOO.ext.ContentPanel('south', 'south'));
    	                layout.endUpdate();
    	           }
    	     }
    
    	}();
    	YAHOO.ext.EventManager.onDocumentReady(Example.init, Example, true);

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    I can confirm this using a more reasonable set of includes (e.g. just yui-ext.js and yui-ext.css).
    Another issue related to this is resizing regions via border dragging. They're not resizable and the resize handle doesn't appear til after the region is collapsed/expanded.
    It's an issue without or without using a theme.

  3. #3
    Sencha User jack.slocum's Avatar
    Join Date
    Mar 2007
    Location
    Tampa, FL
    Posts
    6,955
    Vote Rating
    17
    jack.slocum will become famous soon enough jack.slocum will become famous soon enough

      0  

    Default


    It was a bug. Should be fixed in SVN.

  4. #4
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    Tested with the latest code - looks good now.

Similar Threads

  1. BorderLayout and show div element
    By masudkuet in forum Ext 1.x: Help & Discussion
    Replies: 1
    Last Post: 23 Dec 2006, 4:27 AM
  2. Tabs in BorderLayout
    By zquirm in forum Ext 1.x: Help & Discussion
    Replies: 1
    Last Post: 1 Dec 2006, 1:47 PM
  3. tab close images don't always show in IE6 for borderlayout
    By vtswingkid in forum Ext 1.x: Bugs
    Replies: 3
    Last Post: 1 Dec 2006, 11:36 AM
  4. BorderLayout, show/hide panel
    By catalin in forum Ext 1.x: Help & Discussion
    Replies: 3
    Last Post: 26 Oct 2006, 12:36 PM

Thread Participants: 2

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..."