Displaying custom node group sequences (and their creation)

Question

Hi,
firstly my usual disclaimer :) I am a newbie at JavaFX and only jump back in when I have a little time here and there.
What I'm trying to achieve, is to create an Object call MyItem which is essentially a Group with a rectangle, image and text. I want to be able to create multiple of these MyItem's and add them to a sequence (list, array).
Then do a foreach item MyItems --> insert into myGroup.content[];
But it keeps saying that either a Node or a Sequence is not what it's looking for...
See below which should be able to describe the problem better than my confusing explanation above:
Main.fx
package exampleitems;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.paint.LinearGradient;
import javafx.scene.paint.Stop;
import javafx.scene.paint.Color;
import javafx.scene.Node;
public var stg = Stage {
            title: "TestApp"
            scene: Scene {
               fill: LinearGradient {
                  startX: 0.0
                  startY: 0.0
                  endX: 0.0
                  endY: 1.0
                  stops: [
                     Stop {
                        color: Color.web("#0c8ec4") //Color.BLACK
                        offset: 0.0
                     Stop {
                        color: Color.web("#0a1945") //Color.GRAY
                        offset: 1.0
               width: 800
               height: 600
               content: []
            resizable: false
var man=Manager{};
public function insertThem(){
   var myItemsHere = man.getItems();
   for(node in myItemsHere){
      insert node as Node into Main.stg.scene.content;
function run(){
   stg;
   insertThem();
}Manager.fx
package exampleitems;
public class Manager {
   var itemsListHolderAA=AAItems{};
   package function getItems(){
      return itemsListHolderAA.getItems();
}AAItems.fx
package exampleitems;
public class AAItems {
   var icon="{__DIR__}images/AA.png";
   package function getItems() {
      var i = 1;
      var myItems=[];
      //while(i < 10){
         insert Items{xPos: 20*i, yPos: 20*i, iconItem: icon} into myItems;
         //i++;
      return myItems;
}Items.fx
package exampleitems;
import javafx.scene.shape.Rectangle;
import javafx.scene.paint.Color;
import javafx.scene.CustomNode;
import javafx.scene.Node;
import javafx.scene.image.ImageView;
import javafx.scene.image.Image;
import javafx.scene.text.Text;
import javafx.scene.text.Font;
public class Items extends CustomNode{
   public var xPos: Integer;
   public var yPos: Integer;
   public var iconItem: String;
   override protected function create () : Node {
      Rectangle {
         width: (750), height: (470/20)
         fill: Color.TRANSPARENT
         stroke: Color.web("#0c8ec4") //Color.TEAL
         strokeWidth: 1.0
         arcWidth: 20
         arcHeight: 20
         smooth: true
      ImageView {
         translateX: 2, translateY: 1
         image: Image {
            url: iconItem
         fitWidth: (470/20)
         fitHeight: (470/20)
      Text {
         translateX: ((470/20)+5)
         translateY: ((470/20)*0.666)
         font : Font {
            size: 10
         content: "Hello!"
}As you can see, my main problem seems to be that the last Node in Items.fx gets displayed, and not all three (try commenting out Text node and image appears etc...)
So, either I get the Items.fx to return as a Group (?), but then I get the error that it expects a sequence etc.
So how can I get the myItems[] in AAItems.fx to fill up with a "group" of nodes and then be able to iterate through them on the Main.fx ?
I hope that's clear? :/
What I want is a list of Items(.fx) created in AAItems(.fx) and be able to then display (iterate through) them in Main(.fx).
I'm sure it's a concept flaw on my part on how to implement it. Any help appreciated.

Answer 1

Oops. I guess not "exactly" what I wanted:
The Stack container arranges its managed content nodes in a back-to-front Stack. The z-order of the content is defined by the order of the content sequence with content[0] being the bottom and content[sizeof content-1] being the top...
D'Oh! Just replacing Stack with Group does the job... man... I need a holiday!!! :D