How can I use two contents in same group

Question

I need to use two contents in the same group like
Group{
content:[......
content:[...
nut in this case only the first content can be seen after I run my application. Can I use different contents in the same group?
thank you

Answer 1

BilgeTonyukuk99 wrote:
I need to use two contents in the same group like
I'm supecting that you want to have different control/behavior over the "contents" ... if so you can achieve that by having groups inside groups
take a look at this sample
* Main.fx
* Created on Mar 14, 2009, 1:55:16 PM
package groupgroup;
import javafx.scene.Cursor;
import javafx.scene.effect.DropShadow;
import javafx.scene.Group;
import javafx.scene.paint.Color;
import javafx.scene.Scene;
import javafx.scene.shape.Rectangle;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.stage.Stage;
* @author athanazio
Stage {
    title: "Application title"
    width: 250
    height: 150
    scene: Scene {
        content: [
            Group{
                id: "me"
                content: [
                    Rectangle {
                        cursor: Cursor.HAND
                        x: 5
                        y: 25
                        width: 50
                        height: 30
                        arcWidth: 20
                        arcHeight: 20
                        fill: Color.BLACK
                        stroke: Color.BLACK
                        effect: DropShadow{
                            offsetX: 5
                            offsetY: 5
                            color: Color.BLACK
                    Text {
                        font: Font {
                            size: 16
                        x: 10,
                        y: 40
                        content: "one"
                        fill: Color.WHITE
                onMouseClicked: function(e){
                    e.node.scene.lookup("myself").visible = true;
                    e.node.scene.lookup("me").visible = false;
            Group{
                visible: false
                id: "myself"
                content: [
                    Rectangle {
                        cursor: Cursor.HAND
                        x: 65
                        y: 25
                        width: 50
                        height: 30
                        arcWidth: 20
                        arcHeight: 20
                        fill: Color.BLACK
                        stroke: Color.BLACK
                        effect: DropShadow{
                            offsetX: 5
                            offsetY: 5
                            color: Color.BLACK
                    Text {
                        font: Font {
                            size: 16
                        x: 70,
                        y: 40
                        content: "two"
                        fill: Color.WHITE
                onMouseClicked: function(e){
                    e.node.scene.lookup("me").visible = true;
                    e.node.scene.lookup("myself").visible = false;
}