Normal behavior for a radio button fieldset on a ipad/iphone provides visual feedback when selecting an element. Essentially, the selected element will highlight in a different background color and then mark the selection with a checkmark and then fade out to the standard radiofield background style.


Attached is the basic code to render the radio field set. When running on ipads or iphones, it does not accurately represent a native component showing in Settings->General->Use Slide Switch to: or other such examples. Any hints to make it look better.



Code:
new Ext.Container({
			renderTo : 'IncomeStrategySelections',
			cls: 'mobileRadioGroupBody',
			xtype: 'fieldset',
			defaults: { xtype: 'radiofield' },
			items : [ {
				name : 'incomeStrategy1',
				value : '1',
				label : 'xxxx Lifetime Income Advantage 2.0',
				boxLabel : 'xxxx Lifetime Income Advantage 2.0',
				labelWidth: '90%',
				cls: 'mobileRadioLabels'
			}, {
				name : 'incomeStrategy1',
				value : '2',
				label : 'i4LIFE Advantage',
				boxLabel : 'i4LIFE Advantage',
				labelWidth: '90%',
				cls: 'mobileRadioLabels'
			}, {
				name : 'incomeStrategy1',
				value : '3',
				label : 'Compare xxxx Income Advantage 2.0<br>and yyyy Advantage',
				boxLabel : 'Compare xxxx Lifetime Income Advantage 2.0<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;and yyyy Advantage',
				labelWidth: '90%',
				cls: 'mobileRadioLabels'
			} ]
		});