DomHelper creating Panels to Layout but inactive

[young_matthewd]

Using Yahoo Ext 0.33-rc1 and Yahoo 0.11.4 (testing in Firefox 1.5.0.8)...

With the DomHelper I create 2 panels and add them to the center layout region. There is no underlying HTML reference rather the DomHelper builds the panels on the fly (i assume). Problem is that the panel I want to show is totally inactive. See below.

layout.beginUpdate();

var welcome = YAHOO.ext.DomHelper.append(document.body, {tag: 'div', id: 'welcome', cls: 'ylayout-inactive-content'});
var welcomePanel = new YAHOO.ext.ContentPanel(welcome, {title: 'Welcome', id: 'welcomePanel', closable: true});
welcomePanel.setUrl("resources/html/welcome.htm");
		
var guide = YAHOO.ext.DomHelper.append(document.body, {tag: 'div', id: 'guide', cls: 'ylayout-inactive-content'});
var guidePanel = new YAHOO.ext.ContentPanel(welcome, {title: 'Guide', id: 'guidePanel', closable: true});

layout.add('center', welcomePanel);
layout.add('center', guidePanel);

layout.getRegion('center').showPanel('welcomePanel');

layout.endUpdate();

Everything gets generated without error but the "Guide" panel is shown and no tabbing is possible to the "Welcome" panel. Any ideas. Have searched the forum without luck. Tried adding autoCreate. No change. Missing some underlying principle.


Thanks in advance / Matthew

[jack.slocum]

The id of a content panel is equal to the id of it's root element. You don't need to supply an id in the config (if you do it is ignored), and you must use the id of the element (or the panel's index) to show the panel.

[young_matthewd]

type-o did it. mistake of adding the welcome variable as the element reference to the guidePanel.

Used the DOM Inspector for the first time. . Exactly what I have been looking for. Saw that the 'welcome' id was missing and boom problem solved.