Panels gruppieren (WebApp)

[sCion]

Hi, nach dem ich mein erstes Problem nun selbstständig gelöst habe.

Habe ich eine neue Frage. Meine App soll ja immer noch das native Look&Feel von bada 2.0 besitzen.

Also möchte ich meine Panels nun gruppieren, so wie es auch in dem Screenshot ist.

Laut der Documentation:

The grouped controls must have the same y coordinate and width, and they must be placed adjacent to each other.

ich habe nun meine beiden Panels (welches ja Gruppierung) unterstützt

Code: Select all

PanelContainer: function() {
			// PANEL 1
			this.TopPanel = new Osp.Ui.Controls.Panel({
				bounds: {x: 10, y: 20, width: 460, height: 100},
				groupStyle: Osp.Ui.Controls.GroupStyle.TOP
			});
			this.TopPanel.setBackgroundColor('#232323');
			// PANEL 2
			this.bottomPanel = new Osp.Ui.Controls.Panel({
				bounds: {x: 470, y: 20, width: 460, height: 100},
				groupStyle: Osp.Ui.Controls.GroupStyle.BOTTOM
			});
			this.bottomPanel.setBackgroundColor('#232323');
			this.bodyScrollObj.addControl(this.TopPanel);
			this.bodyScrollObj.addControl(this.bottomPanel);
}

Die beiden Panels werden auch angezeigt, allerdings nicht gruppiert (untereinander) obwohl ja y1 = y2 & width1 = width2.
Und benachbart sind sie doch auch ;X Hat einer ne Lösung/Idee