PDA

View Full Version : I Want to do this front, but i have a troubles



crasho
31 Mar 2010, 7:24 AM
Hi, good day.

I want to do this:

http://sistemas.seq.gob.mx/seab/propuesta_pantalla.gif

how can i do it?

thanks

aconran
31 Mar 2010, 7:52 AM
Heres one approach to get a complex form layout that meets your needs...

crasho
31 Mar 2010, 8:06 AM
Hi, thanks for your answer, however, the vsd file has errors, r u sure that is correct?

can u send me, js file?


Thanks

aconran
31 Mar 2010, 8:09 AM
The vsd file? You mean the xds? What errors do you encounter?




MyFormUi = Ext.extend(Ext.form.FormPanel, {
title: 'My Form',
labelWidth: 100,
labelAlign: 'left',
layout: 'form',
width: 931,
height: 404,
padding: 10,
initComponent: function() {
this.items = [
{
xtype: 'fieldset',
title: 'My Fields',
layout: 'form',
labelAlign: 'left',
items: [
{
xtype: 'container',
autoEl: 'div',
layout: 'hbox',
height: 24,
anchor: '100%',
layoutConfig: {
align: 'stretch'
},
items: [
{
xtype: 'container',
autoEl: 'div',
layout: 'form',
flex: 1,
labelAlign: 'left',
margins: '0 20 0 0',
items: [
{
xtype: 'textfield',
fieldLabel: 'Label',
anchor: '100%'
}
]
},
{
xtype: 'container',
autoEl: 'div',
layout: 'form',
flex: 1,
labelAlign: 'left',
margins: '0 20 0 0',
items: [
{
xtype: 'textfield',
fieldLabel: 'Label',
anchor: '100%'
}
]
},
{
xtype: 'container',
autoEl: 'div',
layout: 'form',
flex: 1,
labelAlign: 'left',
margins: '0 20 0 0',
items: [
{
xtype: 'textfield',
fieldLabel: 'Label',
anchor: '100%'
}
]
}
]
},
{
xtype: 'container',
autoEl: 'div',
layout: 'hbox',
height: 24,
anchor: '100%',
layoutConfig: {
align: 'stretch'
},
items: [
{
xtype: 'container',
autoEl: 'div',
layout: 'form',
flex: 1,
labelAlign: 'left',
margins: '0 20 0 0',
items: [
{
xtype: 'textfield',
fieldLabel: 'Label',
anchor: '100%'
}
]
},
{
xtype: 'container',
autoEl: 'div',
layout: 'form',
flex: 1,
labelAlign: 'left',
margins: '0 20 0 0',
items: [
{
xtype: 'textfield',
fieldLabel: 'Label',
anchor: '100%'
}
]
},
{
xtype: 'container',
autoEl: 'div',
flex: 1,
labelAlign: 'left',
margins: '0 20 0 0'
}
]
},
{
xtype: 'container',
autoEl: 'div',
layout: 'form',
labelAlign: 'top',
items: [
{
xtype: 'textarea',
fieldLabel: 'Label',
anchor: '100%'
}
]
}
]
},
{
xtype: 'fieldset',
title: 'My Fields',
layout: 'form',
items: [
{
xtype: 'container',
autoEl: 'div',
layout: 'hbox',
height: 24,
anchor: '100%',
layoutConfig: {
align: 'stretch'
},
items: [
{
xtype: 'container',
autoEl: 'div',
layout: 'form',
flex: 1,
labelAlign: 'left',
margins: '0 20 0 0',
items: [
{
xtype: 'textfield',
fieldLabel: 'Label',
anchor: '100%'
}
]
},
{
xtype: 'container',
autoEl: 'div',
layout: 'form',
flex: 1,
labelAlign: 'left',
margins: '0 20 0 0',
items: [
{
xtype: 'textfield',
fieldLabel: 'Label',
anchor: '100%'
}
]
},
{
xtype: 'container',
autoEl: 'div',
flex: 1,
labelAlign: 'left',
margins: '0 20 0 0'
}
]
}
]
}
];
MyFormUi.superclass.initComponent.call(this);
}
});

crasho
31 Mar 2010, 8:27 AM
With xsd, wasn't complete. But with the code, i cant's see nothing in the navigator, i have Linux Ubuntu Karmic, Firefox 3.5.8 and Extjs 3.1.

The page is only blank.

Can u send me, the web page?

aconran
31 Mar 2010, 8:34 AM
Open the .xds file in the Designer and click Export Project. It will generate a mockup/ directory that has the webpage in it.

crasho
31 Mar 2010, 8:37 AM
Other thing, i need use tab panel,

Personal dates Academic dates Other Dates.


And i need put into only tab, your code.


I'm novice in english, do u write in spanish?

crasho
31 Mar 2010, 9:10 AM
Hi, thanks

I can see the GUI in the navigator.

Any idea?

crasho
31 Mar 2010, 9:16 AM
Hi,

I can see the GUI, the libraries are in other location.

:)