View Full Version : Collapsible Form does not work in Panel

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">
<div class="widget-content">
<div id="This is the form">

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.