Application hosting for pervasive computing::
The problem with this approach is that such a data set must be generated up a magnetic field of specified strength and frequency, emits a radio signal that
http://www.research.ibm.com/journal/sj/401/hild.htmlHOME |
I'm trying to insert two radio buttons on the right hand column of a dual column layout. but it looks like the second button keeps over writing the first button for some reason. Here is my code snippit:
{
xtype:"fieldset",
name: 'rangeArea',
id: 'rangeArea',
columnWidth:1,
border:false,
autoHeight:true,
items:[{
layout:"column",
border:false,
defaults: {
columnWidth: '.5',
},
items:[{
bodyStyle: 'padding-right:5px;',
items:[{
xtype:"fieldset",
title:"Range",
autoHeight:true,
border:false,
anchor:'95%',
items:[{
xtype:"datefield",
fieldLabel:"Starts",
id: 'rStartDate',
name:"rStartDate",
disabled: true,
width:200
},{
hidden: true,
labelSeparator:"",
width:200
}]
}]
},{
bodyStyle: 'padding-right:5px;',
items:[{
xtype:'fieldset',
title:" ",
border:false,
autoHeight:true,
defaultType:'radio',
anchor:'95%',
items:[{
fieldLabel:"Ends",
boxLabel:"Never",
name:"rangeEnds",
id: "rangeEnds",
checked:true,
inputValue:"0"
},{
fieldLabel:"",
labelSeparator:"",
boxLabel:"Until",
name:"rangeEnds",
id: "rangeEnds",
inputValue:"1"
}]
},{
items:[{
xtype:"datefield",
fieldLabel:"Ends",
id: 'rEndDate',
name:"rEndDate",
width:200
}]
}]
}]
}]
},{
That's work for me but I have another rendering problem. May be you can simplify your code.
My code :
new Ext.Panel({
id: 'panelsexe',
border: false,
layout: 'column',
items:[
{
columnWidth: .5,
xtype :'radio',
id :'testRadio',
name: 'sexe',
labelSeparator :':',
fieldLabel :'Sexe',
width: 190,
boxLabel : 'homme'
},
{
columnWidth: .5,
xtype :'radio',
id :'testRadio2',
name: 'sexe',
labelSeparator :'',
fieldLabel :'',
width: 190,
boxLabel : 'femme'
}
]
})
I use your post to write my problem. I have a big difference between column layout and form layout, it's my rendering problem. The first is that I have, the second is that I want.
I wanted my radio buttons to be vertically aligned, one on top of the other, not horizontally in one row.
Hi,
Radio buttons must have the same name (for 1 group) but don't have the same id.
Problem resolved, it's an error of me :">
The code :
new Ext.Panel({
id: 'panelcivilité',
border: false,
layout: 'column',
items:[{
columnWidth:.4,
border: false,
labelWidth :210,
layout: 'form',
items: [{
xtype :'radio',
id :'testRadio',
name: 'civilité',
labelSeparator :':',
fieldLabel :'Civilité',
boxLabel : 'Mademoiselle'
}]
},{
columnWidth:.2,
border: false,
layout: 'form',
items: [{
xtype :'radio',
id :'testRadio2',
name: 'civilite',
labelSeparator :'',
SAPAAN: Vol. 1 Spring 2003 - The First Recitative-Chorus from Haydns ::
Rendering Forces of Darkness and Light Audible. The Genesis of Sonorous Light Haydn avoids this problem by having the strings play portato articulation
http://www.sapaan.com/vol1/sakata.htmHOME |
MondayMorningInsight.com > Chuck Swindoll Dropped from Radio Network ::
This particular issues column was entitled, Speaking of Class to the Class of 98 He said, Ive solved the underwear problem.
http://mondaymorninginsight.com/index.php/site/comments/chulgar_from_the_gutter/P75HOME |
hideLabel: true,
boxLabel : 'Madame'
}]
},{
columnWidth:.4,
border: false,
layout: 'form',
items: [{
xtype :'radio',
id :'testRadio3',
name: 'civilite',
labelSeparator :'',
hideLabel: true,
boxLabel : 'Monsieur'
}]
}]
})
Hi,
Thanks for the reply, but changing the 'id' of the two radio buttons to different names doesn't work either. I changed the code around a bit like this, but it still won't display both radio buttons. Here is my new code:
},{
columnWidth:0.6,
items:[{
xtype:'fieldset',
title:" ",
border:false,
autoHeight:true,
anchor:'95%',
items:[new Ext.form.Radio({
listeners:
{
select:
{
fn: radioListener,
scope: this
}
},
fieldLabel:"Ends",
boxLabel:"Never",
name:"rangeEnds",
id: "rangeEnds0",
checked:true,
// bodyStyle: 'padding-right:5px;',
inputValue:"0"
},{
xtype:'radio',
fieldLabel:" ",
labelSeparator:"",
boxLabel:"Until",
name:"rangeEnds",
// bodyStyle: 'padding-right:5px;',
id: "rangeEnds1",
inputValue:"1"
})]
},{
xtype: 'fieldset',
name: 'endArea',
id: 'endArea',
border:false,
layout:'column',
autoHeight:true,
items:[{
xtype:"datefield",
fieldLabel:"Ends",
id: 'rEndDate',
name:"rEndDate"
// width:600
}]
}]
Thanks for your help. I noticed I was missing the "layout: 'form'," statement in my fieldset before the radio buttons. When I added this, it worked. :) I've attached my corrected code:
{
columnWidth:0.6,
items:[{
xtype:"fieldset",
title:" ",
border:false,
autoHeight:true,
// anchor:'95%',
items:[{
layout:"form",
items:[new Ext.form.Radio({
listeners:
{
select:
{
fn: radioListener,
scope: this
}
},
fieldLabel:"Ends",
boxLabel:"Never",
name:"rangeEnds",
id: "rangeEnds0",
checked:true,
inputValue:"0"
})]
},{
items:[new Ext.form.Radio({
fieldLabel:" ",
labelSeparator:"",
boxLabel:"Until",
name:"rangeEnds",
id: "rangeEnds1",
inputValue:"1"
})]
},{
name: 'endArea',
id: 'endArea',
xtype: 'fieldset',
border:false,
autoHeight:true,
items:[{
xtype:"datefield",
fieldLabel:"",
labelSeparator:"",
id: 'rEndDate',
name:"rEndDate",
width:150
}]
}]
}]
Ok, and now if anybody have an idea why there is bad rendering with column layout :-?. I would like the solution ! :D
I maybe not understand, code for picture in attachment. It's the same code with form layout.
new Ext.Panel({
id: 'panelsexe',
border: false,
layout: 'form',
items:[
{
//columnWidth: .5,
xtype :'radio',
id :'testRadio',
name: 'sexe',
labelSeparator :':',
fieldLabel :'Sexe',
width: 190,
boxLabel : 'homme'
},
{
//columnWidth: .5,
xtype :'radio',
id :'testRadio2',
name: 'sexe',
labelSeparator :'',
fieldLabel :'',
width: 190,
boxLabel : 'femme'
}
]
})
 Where's The Advantage In Windows Genuine Advantage?
 Stocks Bounce After S&P Joins Bear Market
|
[solved] Radio field/Column rendering problem