PDA

View Full Version : Menu Display / Layout issue?



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

31851

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

31852



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?

Regards,

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

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



<html>
<head>
<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>
</head>
<body>
<nav id="site_navigation" style="margin-top: 10px;"></nav>
</body>
</html>




Ext.scopeResetCSS = true;


Ext.Loader.setConfig({
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.