PDA

View Full Version : Collapsible Form does not work in Panel



JForestor
30 Sep 2011, 2:18 PM
I'm attempting to create forms that can be collapsed. I have gotten it to work when I leave my html on my html page between the body tags, but when I attempt to put the html in a panel my form won't even show up.
Has anyone encountered a problem like this when attempting to post html in panels? Does anyone has any suggestions as to how to solve this problem? Thanks in advance.

Here is the code:

var content1 = new Ext.Panel({
flex: 1
});




var content = new Ext.Panel({
flex: 2,

html: '<div id="columns">
<ul id="column1" class="column">
<li class="widget color-grey">
<div class="widget-head">
<h3>Title</h3>
</div>
<div class="widget-content">
<div id="This is the form">
</div>
</div>
</li>
</ul>
</div>'
});


var main = new Ext.Panel({
layout: {
type: 'hbox',
align: 'stretch'
},
items: [content, content1]
});


var main = new Ext.Panel({
fullscreen: true,
layout: 'card',
style: "background-color:white;",
cardAnimation: 'slide',


items: [main]
});


*note: my html is one line in my code but it won't let me post the code in that format in this forum.