[Dojo-interest] dijit.layout.TabContainer width (1.4.1 vs 1.3.2)

Bill Keese wkeese at gmail.com
Tue Feb 2 21:15:57 EST 2010


Specify controllerWidget=""dijit.layout.TabController". That will turn 
off the scrolling tabs, which is what causes the width issue.

http://bugs.dojotoolkit.org/ticket/10495

antipolizay at inbox.ru wrote:
> Hi,
>
> Another question.
>
> In dojo 1.3.2 - width of dijit.layout.TabContainer is ok. Width by content.
> But when I upgrade to 1.4.1 - width is ~50000px.
>
> How to make width of dijit.layout.TabContainer by content as 1.3.2 version?
>
> code:
> =====
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
> 		"http://www.w3.org/TR/html4/strict.dtd">
> <html>
> <head>
> 	<title>TabContainer Demo</title>
>
> 	<link rel="stylesheet" type="text/css" media="screen" href="/js/ajax/dojo/dijit/themes/tundra/tundra.css">
> 	<script type="text/javascript" src="/js/init.js"></script>
> 	<script type="text/javascript" src="/js/ajax/dojo/dojo/dojo.js" djConfig="parseOnLoad:true, isDebug:true, baseUrl: '/js/ajax/dojo/dojo/', locale: 'ru'"></script>
> 	<script type="text/javascript" src="/js/ajax/dojo/dojo/dojo-custom.js"></script>
>
> 	</head>
> <body class="tundra">
>
> <table><tr><td>
>
> 	<div id="mainTabContainer" dojoType="dijit.layout.TabContainer" useSlider="true" useMenu="true" doLayout="false">
> 		<div id="tab1" dojoType="dijit.layout.ContentPane" title="Tab 1" iconClass="plusIcon" бtooltip="Tooltip for tab #1" selected="true">
> 	        <h1>I am tab 1</h1>
> 	    </div>
> 	    
> 		<div id="tab2" dojoType="dijit.layout.ContentPane" refreshOnShow="true" title="Tab 2" iconClass="noteIcon">
>
> 			<h1>I am tab 2</h1>
> 		</div>
> 	
> 	    <div dojoType="dijit.layout.ContentPane" id="tab3" title="Tab 3" iconClass="dijitEditorIcon dijitEditorIconSave" closable="true">
> 	        <h1>I am tab 3</h1>
> 	        <p>And I was already part of the page! That's cool, no?</p>
> 	        <p id="foo">tooltip on this paragraph</p>
> 	        <div dojoType="dijit.Tooltip" connectId="foo">I'm a tooltip!</div>
>
> 			<button dojoType="dijit.form.Button">I'm a button </button>
> 	    </div>
> 	</div>
>
> </td></tr></table>
>
> </body>
> </html>
> _______________________________________________
> FAQ: http://dojotoolkit.org/support/faq
> Book: http://docs.dojocampus.org
> Dojo-interest at mail.dojotoolkit.org
> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
>   



More information about the Dojo-interest mailing list