View Full Version : Menu Display / Layout issue?

17 Feb 2012, 12:05 PM
1) I have a menu that I want to expand to fit the screen size.


2) I want to have that same menu have a minWidth.


Ext.create('Ext.toolbar.Toolbar', {
minWidth: 960, // doesn't seem to do anything
width: 960 // fixes 2), breaks 1)

I have tried to set the minWidth configuration option on Ext.toolbar.Toolbar. I also am not fully experienced with the layout system (New to Ext) and still trying to wrap my head around its implementation.

Any recommendations?


17 Feb 2012, 12:17 PM
Do you have a viewport class or a main view that takes up the entire width?

17 Feb 2012, 1:47 PM
Sorry about the lack of information.

<link rel="stylesheet" type="text/css" href="js/pics/resources/css/my-ext-theme.css" />
<script type="text/javascript" src="js/pics/extjs/bootstrap.js"></script>
<nav id="site_navigation" style="margin-top: 10px;"></nav>

Ext.scopeResetCSS = true;

enabled: true

Ext.onReady(function () {
Ext.create('Ext.toolbar.Toolbar', {
renderTo: 'site_navigation',

width: 960

The application I am trying to build is a 2-3 million line java project that I want to try and convert to ExtJS. While what I have found so far doesn't seem to accommodate such a project, I have decided to try to not use an app / viewport. I don't know if this will cause problems or anything.