Discussion :

[hamster18]

Bonjour, auriez-vous une idée pour pouvoir positionné du texte au centre de la boite de dialogue ?
Je me doute qu'il faut utilisée la propriété alignement mais je n'arrive pas a y accéder depuis le "getDialogPane()"
Auriez-vous des idée ?
Cordialement.

[bouye]

Pourquoi veux-tu bidouiller ce parent alors que tu peux faire l'alignement dans le conteneur de ton texte ? Enfin on sait pas trop comment tu t'y prend (tu affiches des contrôles ou des chaînes), et si tu nous montrais ce que tu as deja fait ?

[hamster18]

Pourquoi veux-tu bidouiller ce parent alors que tu peux faire l'alignement dans le conteneur de ton texte ? Enfin on sait pas trop comment tu t'y prend (tu affiches des contrôles ou des chaînes), et si tu nous montrais ce que tu as deja fait ?

Dans un premier temps j’utilisai cette méthode que j’appelai afin de créer mes boites de dialogues :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
    private Optional<ButtonType> showMessage(Alert.AlertType type, String header, String surname, String message, ButtonType... lesBoutonsDifferents){
        Alert boiteDialague = new Alert(type);
        boiteDialague.setHeaderText(header);
        boiteDialague.setContentText(surname);
        boiteDialague.setContentText(message);
        System.out.println(boiteDialague.getDialogPane().getWidth());
        return boiteDialague.showAndWait();
    }

Je voulais encore plus "personnalisé" la boite de dialogue en modifiant notamment sa couleur de fond et l'image afficher dans la boite de dialogue. pour ça j'ai rajouter les ligne suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
        boiteDialague.getDialogPane().setBackground(new Background(new BackgroundFill(Color.LIGHTCYAN, CornerRadii.EMPTY, Insets.EMPTY)));
 
        ImageView imageView = new ImageView();
        HBox contenant = new HBox();
        contenant.getChildren().add(imageView);
 
        boiteDialague.setGraphic(contenant);

Cela fonctionnais sauf que je ne pouvait pas positionnée mon texte ... (d'où mon post)

Après en faisant des recherche, j'ai essayer à un truc qui fonctionne plutôt pas mal (au détail près que maintenant ma boite de dialogue ne s'affiche plus au milieux)
J'ai crée une GridPane dans laquelle je fait tout mon affichage ( disposition de l'image et du text, alignement de text, marge ...) et que j'ajoute a ma boite de dialogue avec la méthode suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
        boiteDialague.getDialogPane().setContent(grid1);

Après je ne sais pas si ce que j'ai fait est vraiment une "bonne pratique"...

Cordialement.

[bouye]

A partir du moment ou tu fourni une grille, l'alignement n'est plus vraiment du ressort de la boite de dialogue mais de la grille contenant le texte.
Pour le reste, ceci devrait t'aider a un peu mieux comprendre comment c'est fait :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.dialog-pane {
   -fx-background-color: teal;
   -fx-border-color: blue;
}
.dialog-pane .content {
    -fx-border-color: red;
    -fx-alignment: center;
}
.dialog-pane:header .header-panel {
    -fx-background-color: cornflowerblue;
}
.dialog-pane:header .header-panel .label {
    -fx-border-color: green;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
package dialog.center;
 
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.BorderPane;
import javafx.stage.Modality;
import javafx.stage.Stage;
 
import java.net.URL;
import java.util.Optional;
 
public final class Main extends Application {
    public static void main(String... args) {
        launch(args);
    }
 
    @Override
    public void start(final Stage stage) throws Exception {
        final var simpleButton = new Button("Simple");
        simpleButton.setOnAction(event -> {
            final var type = Alert.AlertType.ERROR;
            final var header = "Bla";
            final var message = "BlaBlaBlaBlaBlaBlaBlaBlaBlaBlaBlaBlaBlaBlaBlaBlaBla";
            final var alert = new Alert(type);
            alert.initOwner(stage);
            alert.initModality(Modality.APPLICATION_MODAL);
            alert.setHeaderText(header);
            alert.setContentText(message);
            final var result = alert.showAndWait();
        });
        final var complexButton = new Button("Complex");
        complexButton.setOnAction(event -> {
            final var dialog = new Dialog();
            final var header = "Bla";
            final var message = "BlaBlaBlaBlaBlaBlaBlaBlaBlaBlaBlaBlaBlaBlaBlaBlaBla";
            dialog.initOwner(stage);
            dialog.initModality(Modality.APPLICATION_MODAL);
            dialog.setHeaderText(header);
            dialog.setContentText(message);
            dialog.getDialogPane().getButtonTypes().addAll(ButtonType.OK, ButtonType.CANCEL);
            final var result = dialog.showAndWait();
        });
        final var buttonBar = new ButtonBar();
        buttonBar.setStyle("-fx-border-color: red;");
        // marche poa... les boutons sont centres...
        ButtonBar.setButtonData(simpleButton, ButtonBar.ButtonData.LEFT);
        ButtonBar.setButtonData(complexButton, ButtonBar.ButtonData.LEFT);
        buttonBar.getButtons().setAll(simpleButton, complexButton);
        final var root = new BorderPane();
        root.setTop(buttonBar);
        root.setMinSize(500, 500);
        final var scene = new Scene(root);
        Optional.ofNullable(getClass().getResource("styles.css"))
                .stream()
                .map(URL::toExternalForm)
                .forEach(scene.getStylesheets()::add);
        stage.setScene(scene);
        stage.setTitle("Test");
        stage.show();
    }
}

[hamster18]

A partir du moment ou tu fourni une grille, l'alignement n'est plus vraiment du ressort de la boite de dialogue mais de la grille contenant le texte.
Pour le reste, ceci devrait t'aider a un peu mieux comprendre comment c'est fait :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.dialog-pane {
   -fx-background-color: teal;
   -fx-border-color: blue;
}
...

Bonjour, merci beaucoup pour votre code ça m'as bien aidé ! Je suis repartie finalement sur une boite de dialogue "classique" (sans le gridPane )