This simple code fails:
public function run()
{
var rec1 = Rectangle{
width: 50;
height: 50;
fill: Color.BLUE
}
var rec2 = Rectangle{
width: 50;
height: 50;
fill: Color.RED
}
var rec3 = Rectangle{
width: 50;
height: 50;
fill: Color.BLUE
}
var rec4 = Rectangle{
width: 50;
height: 50;
fill: Color.RED
}
Stage{
width: 400;
height: 400;
scene: Scene{
content: [Tile{
content: [rec1, rec2]
styleClass: "tileStyle";
}
Tile{
layoutY: 100;
tileWidth: 1;
width: 1;
styleClass: "tileStyle";
content: [rec3, rec4]}]
stylesheets: ["{__DIR__}styles.css"]
}
}
}
And the style file is:
.tileStyle {
width: 200;
tileWidth: 100;
vertical: false;
}
public function run()
{
var rec1 = Rectangle{
width: 50;
height: 50;
fill: Color.BLUE
}
var rec2 = Rectangle{
width: 50;
height: 50;
fill: Color.RED
}
var rec3 = Rectangle{
width: 50;
height: 50;
fill: Color.BLUE
}
var rec4 = Rectangle{
width: 50;
height: 50;
fill: Color.RED
}
Stage{
width: 400;
height: 400;
scene: Scene{
content: [Tile{
content: [rec1, rec2]
styleClass: "tileStyle";
}
Tile{
layoutY: 100;
tileWidth: 1;
width: 1;
styleClass: "tileStyle";
content: [rec3, rec4]}]
stylesheets: ["{__DIR__}styles.css"]
}
}
}
And the style file is:
.tileStyle {
width: 200;
tileWidth: 100;
vertical: false;
}