Jfoenix: JFXDialog transparent?

Created on 15 Jun 2017  路  8Comments  路  Source: sshahine/JFoenix

Hello, I would like to know if there is any way to color transparent the JFXDialog (contentHolder) or put opacity, Thanks. :)

Most helpful comment

Hi, I used this style to achieve what I wanted.

.jfx-dialog-overlay-pane > StackPane {
    -fx-background-color: TRANSPARENT;
}

The result.

screenshot_20170618_143816

All 8 comments

Hello,
you can change the color of the overlay pane in css:

.jfx-dialog-overlay-pane {
    -fx-background-color: rgba(0.0, 0.0, 0.0, 0.1);
}

Regards,

Hi, I used this style to achieve what I wanted.

.jfx-dialog-overlay-pane > StackPane {
    -fx-background-color: TRANSPARENT;
}

The result.

screenshot_20170618_143816

Hi, can you explaine how can i do that ? I use this css to root pane in dialog :
.jfx-dialog-overlay-pane { -fx-background-color: TRANSPARENT; }
But instead of transparent background i have this :
default
This white pane beyond pane with round corners must be transparent.
Or i need put css with this text with some specific place ?

Try my solution.
.jfx-dialog-overlay-pane > StackPane { -fx-background-color: TRANSPARENT; }

Thank you for answer. I need add this to my root pane ?

This works :

backetDialog = new JFXDialog(null, backetPane, JFXDialog.DialogTransition.TOP);
Parent p = backet.Pane.getParent();
if(p instanceof Pane)
{
((Pane) p).setBackground(new Background(new BackgroundFill(Color.TRANSPARENT,null,null)));
}
backetDialog.setStyle("-fx-background-color: TRANSPARENT");

Why cant i click my JFXTextField (it is on a stack pane which is on a anchor pane if it matters)

It does not react on my mousclicks and i dont know what to do

@NicoStrecker, Hi. You need show your code and xml file. Or you make the element inactive in the code or it is below by another element in the xml markup. Anyway without code. In any case, without a code, no one can help you.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

caoyanfeng picture caoyanfeng  路  3Comments

alittwin picture alittwin  路  4Comments

TioCoding picture TioCoding  路  5Comments

TurekBot picture TurekBot  路  5Comments

rickyzhangca picture rickyzhangca  路  4Comments