Hi All,

I was trying to add a HTML-editor to a form that is hidden on rendering the page it is added to a collapsible formpanel. First I got a message that tips doesn't work and after adding Quicktips I got the message that: this.doc.designMode = 'on'; in firebug.

What does this exactly mean?

thx alex
My veiwport code looks this, rather complex but till I not added the HTMLEditor it worked just fine
Code:
	Ext.QuickTips.init();
	var configurator = new oConfigurator();
	
	var MainContent = Ext.onReady(
		function(){
			var init = function(){
				configurator.viewport = new Ext.Viewport({
					layout:'border',
					hideBorders: true,
					items:[
						new Ext.BoxComponent({ // raw
							region:'north',
							el: 'header',
							height:46
						}), {
						region: 'west',
						split:true,
						layout:'fit',
						border: false,
						width: 350,
						items: [{
							layout:'border',
							hideBorders: true,
							items:[{
								region:'center',
								width: 350,
								id:'carTree',
								collapsible: false,
								title: 'Marketing names',
								xtype: 'treepanel',
								autoScroll: true,
								split: true,
								loader: new Ext.tree.TreeLoader({dataUrl: base+'headunit/gettreeitems'}),
								root: new Ext.tree.AsyncTreeNode({
									text: 'Manufacturers',
									draggable:false, // disable root node dragging
										id:'source'
								}),
								rootVisible: true,
								tbar: new Ext.Toolbar()
							},{
								layout: 'border',
								region:'south',
								id:'treeZone',
								height:55,
								cls: 'x-inactive-layout',
								xtype: 'toolbar'
							}]
						}]
					},{
						region:'center',
						id: 'centerR',
						tbar: new Ext.Toolbar(),
						split:true,
						layout:'fit',
						margins:'0 5 0 0',
						border: false,
						items:[{
							layout:'border',
							hideBorders: true,
							items:[{//TODO: extract it to a new js file
								region:			'north',
								border:			true,
								collapsible:	true,
								xtype:			'form',
								id:				'determinantform',
								iconCls:		'deterbkg',
								bbar: new Ext.Toolbar([{
									text: 'Reset'
								},'->',{
									text: 'Save'
								}]),
								height:			400,
								animCollapse:	false,
								collapsed:		true,
								title:			'Add new Determinant',
								url:			base+'headunit/saveHU',
								labelAlign:		'left',
								labelWidth:		200,
								bodyStyle:		'padding:5px 5px 0',
								items: [{
									layout:		'column',
									border:		false,
									items:[{
										layout:	'form',
										border:	false,
										style:		"margin-right:10px;",
										items: [{
											xtype:		'numberfield',
											fieldLabel: 'Extra Identity',
											width:		55,
											allowBlank:	false,
											disabled:	true,
											name:		'first',
											id:			'HUExtra_ID',
										},{
											xtype:		'textfield',
											id:			'HUName',
											fieldLabel:	'Name of the Head Unit',
											name:		'qualified_desc',
											width:		150,
											allowBlank:	false
										}, {
											xtype:		'textfield',
											id:			'HUType',
												fieldLabel:	'Type Code of the HU',
												name:		'type_code',
												width:		150,
												allowBlank:	false
										}]
									},{
										layout: 'form',
										border: false,
										items: [{
											xtype:			'textfield',
											id:				'HUCM',
											fieldLabel:		'Car Manufacturer',
											name:			'CManufacturer',
											width:			175,
											allowBlank:		true,
											disabled:		true
										},{
											xtype:			'combo',
											id:				'HUMan',
											store:			null,
											name:			'HUMan',
											editable:		false,
											mode:			'local',
											triggerAction:	'all',
											emptyText:		'Select a manufacturer',
											width:			150,
											loadingText:	'Loading...',
											displayField:	'desc',
											valueField: 	'id',
											tootltip:		'Select a manufacturer',
											fieldLabel:		'Head Unit manufacturer'
										}, {
											xtype:			'textfield',
											name:			'softversion',
											id:				'HUSWVER',
											fieldLabel:		'Software version',
											allowBlank:		true,
											width:			175
										}]
									},{
										xtype:			'htmleditor',
										id:				'HUNotes',
										fieldLabel:		'Notes',
										width:			550,
										height:			100,
										allowBlank:		true
									}]
								}]
							},{
								region:'center',
								xtype: 'grid',
								id:'detgrid',
								title: 'Determinants',
								store: new Ext.data.Store({
								reader: new Ext.data.JsonReader({
									root: 'headunits',
									totalProperty: 'count1',
									id: 'id'
							},new Ext.data.Record.create([
								{name: 'id'},
								{name: 'manufacturer'},
								{name: 'radio_desc'},
								{name: 'software'},
								{name: 'hwidentity'}
							]))
						}),
							columns:[
										{id: 		'id',header: 'Ident.',dataIndex: 'id',width: 40},
										{header:	'Manufacturer',dataIndex: 'manufacturer',width: 90},
										{header: 	'Radio type',dataIndex: 'radio_desc',width:150},
										{header:	'SW ver.',dataIndex: 'software',width:40},
										{header:	'HW id',dataIndex: 'hwidentity',width:80}
							],
							viewConfig: {
								forceFit: true
							},
							autoScroll: true,
							split:true,
							tbar: new Ext.Toolbar()
						},{ // raw
							layout: 'border',
							region:'south',
							id:'extraZone',
							height:55,
							cls: 'x-inactive-layout',
							xtype: 'toolbar'
						}]
					}]
				}
			]
		});
	};
	init();
...