How can I set the width of a Text element?

Question

Hello! I have created a custom button with this class:
import javafx.scene.Node;
import javafx.scene.CustomNode;
import javafx.scene.Group;
import javafx.scene.Cursor;
import javafx.scene.shape.Rectangle;
import javafx.scene.paint.Color;
import javafx.scene.paint.LinearGradient;
import javafx.scene.paint.Stop;
import javafx.scene.effect.DropShadow;
import javafx.scene.text.Text;
import javafx.scene.input.MouseEvent;
public class Button extends CustomNode {
    public var text: String;
    public var x: Integer = 0;
    public var y: Integer = 0;
    public var width: Integer = 90;
    var height: Integer = 25;
    override public function create(): Node {
        return Group {
            content: [
                Rectangle {
                    cursor: Cursor.HAND;
                    x: this.x;
                    y: this.y
                    width: this.width;
                    height: this.height;
                    arcWidth: 15;
                    arcHeight: 15;
                    effect: DropShadow {radius: 6};
                    fill: LinearGradient {
                        startX: 0.0, startY: 0.0, endX: 0.0, endY: 1.0
                        stops: [
                            Stop {offset: 0.0, color: Color.WHITE}
                            Stop {offset: 1.0, color: Color.LIGHTGRAY}
                    onMouseEntered: function(e: MouseEvent): Void {
                        (e.node as Rectangle).fill = LinearGradient {
                            startX: 0.0, startY: 0.0, endX: 0.0, endY: 1.0
                            stops: [
                                Stop {offset: 0.2, color: Color.WHITE}
                                Stop {offset: 1.0, color: Color.LIGHTGRAY}
                    onMouseExited: function(e: MouseEvent): Void {
                        (e.node as Rectangle).fill = LinearGradient {
                            startX: 0.0, startY: 0.0, endX: 0.0, endY: 1.0
                            stops: [
                                Stop {offset: 0.0, color: Color.WHITE}
                                Stop {offset: 1.0, color: Color.LIGHTGRAY}
                    onMousePressed: function(e: MouseEvent): Void {
                        (e.node as Rectangle).fill = LinearGradient {
                            startX: 0.0, startY: 0.0, endX: 0.0, endY: 1.0
                            stops: [
                                Stop {offset: 0.0, color: Color.LIGHTGRAY}
                                Stop {offset: 1.0, color: Color.WHITE}
                    onMouseReleased: function(e: MouseEvent): Void {
                        (e.node as Rectangle).fill = LinearGradient {
                            startX: 0.0, startY: 0.0, endX: 0.0, endY: 1.0
                            stops: [
                                Stop {offset: 0.0, color: Color.WHITE}
                                Stop {offset: 1.0, color: Color.LIGHTGRAY}
                Text {
                    x: this.x + 5, y: this.y + 16
                    content: this.text
}But, how can I set the Text element centered into the button?

Answer 1

Stack {
                    layoutInfo: LayoutInfo {
                        width: bind width;
                        height: bind height;
                    content: [Rectangle {
                            width: bind width, height: bind height
                            //fill: bind color;
                            fill: Color.GREEN
                            arcHeight: 20; arcWidth: 20;
                        Text {
                            font: Font {
                                size: 24
                            textAlignment: TextAlignment.CENTER;
                            wrappingWidth: width;
                            boundsType: TextBoundsType.VISUAL;
                            fill: Color.WHITE;
                            content: bind text;
                }wrappingWidth: Sets the maximun width of the text
boundsType: If you put the wrappingWidth var and you want to center a text you MUST set this var to VISUAL