FeathersUI : How to put a layout on a background image?

Help
#1

This does not seem to work.
I am having a table bitmap. Over which two columns have to be laid out. One col at 15% and 2nd col at 85% .
I am using two LayoutGroups. First will hold the background bitmap. And another layout group showing on the top of it (because of default anchor-layout)

table_Lg= new LayoutGroup();
table_Lg.backgroundSkin = new RectangleSkin( FillStyle.SolidColor(0xff0000) );
table_Lg.layoutData = new VerticalLayoutData(100,50);
table_Bmp = new Bitmap(Assets.getBitmapData("assets/green-table2.png" ));
table_Lg.addChild(table_Bmp);

var table2_Lg:LayoutGroup= new LayoutGroup();
table2_Lg.backgroundSkin = new RectangleSkin( FillStyle.SolidColor(0xffffff,0.5) );
table2_Lg.layout =new HorizontalLayout();
table2_Lg.layoutData = new VerticalLayoutData(100,100);
table_Lg.addChild(table2_Lg);
var table_col0_Lg:LayoutGroup= new LayoutGroup();
var table_col1_Lg:LayoutGroup= new LayoutGroup();
Create_table_col0(table_col0_Lg);
Create_table_col1(table_col1_Lg);
table2_Lg.addChild(table_col0_Lg);
table2_Lg.addChild(table_col1_Lg);


function Create_table_col0(c0:LayoutGroup)
{
    var vlayout = new VerticalLayout();
    vlayout.verticalAlign = MIDDLE;
    vlayout.horizontalAlign = CENTER;
    c0.layout = vlayout;
    c0.layoutData = new HorizontalLayoutData(15.0, 100.0);
    var bmp:Bitmap = new Bitmap(Assets.getBitmapData("assets/7ace.jpg" ));
    c0.addChild(bmp);
}

function Create_table_col1(p_col:LayoutGroup)
{
    var vlayout = new VerticalLayout();
    vlayout.verticalAlign = MIDDLE;
    vlayout.horizontalAlign = CENTER;
    p_col.layout = vlayout;
    p_col.layoutData = new HorizontalLayoutData(85.0, 100.0);
    var bmp:Bitmap = new Bitmap(Assets.getBitmapData("assets/7ace.jpg" ));
    p_col.addChild(bmp);
}
#2

I think you could do it easier with a “Custom Programmatic Skin”.

#3

I think there is not a way right now to hold two layoutgroups over each other with zindex 0 and 1.

For now as a solution I have just used a Sprite as container to hold the bitmap. And then added Layoutgroups over the bitmap in the same container.
The drawback though is that the content of the sprite will need to be scaled up and down as per the changes in stage size.