¿Cómo agrego margen a un elemento JavaFX usando CSS?

Solución:

Probablemente sea muy tarde para la fiesta, pero utilizo otro enfoque que también podría ser útil para otros.

No hay -fx-margin: 5px; Propiedad CSS para los botones JavaFX, pero puede solucionar el comportamiento con una combinación de -fx-padding, -fx-border-insets y -fx-background-insets.

Por ejemplo, un botón con un margen de 5px.

.button-with-margin {
    -fx-padding: 5px;
    -fx-border-insets: 5px;
    -fx-background-insets: 5px;
}

Alternativamente, también puede definir un relleno más alto y valores de inserciones más bajas en caso de que desee un relleno y un margen.

Parece que no puedes. JavaFX tiene un soporte limitado en CSS en este momento.

Sin embargo, las propiedades de márgenes y relleno de CSS son compatibles con algunos objetos de gráficos de escena JavaFX.

dice la Guía de referencia oficial de CSS. Entonces, la solución podría ser usar otro diseño adicional, otro VBox, por ejemplo:

<VBox fx:id="paneLeft" spacing="10">
    <VBox fx:id="innerPaneLeft">
        <TextField promptText="Password"/>
        <Button fx:id="btnLogin" text="Login" maxWidth="10000"/>
    </VBox>
    <Hyperlink text="Registration"/>
</VBox>

---

Actualizar:

Encontré una forma un poco más perfecta de hacerlo, pero aún no con CSS.

 <?import javafx.geometry.Insets?>

 <VBox fx:id="paneLeft">
        <TextField promptText="Password"/>
        <Button fx:id="btnLogin" text="Login" maxWidth="10000">
            <VBox.margin>
                <Insets>
                    <bottom>10</bottom>
                </Insets>
            </VBox.margin>
        </Button>
        <Hyperlink text="Registration"/>
 </VBox>

Esto evita definir un diseño adicional innecesario.

---

---

Utiliza Nuestro Buscador