Label to the left of checkbox with JFoenix in JavaFX

Question

I am using the JFoenix library for JavaFX, and I wanted to display the check box label to the left of the box.

From (default) :

To:

Looking at the available methods, this is the only thing that reads as it would work but it does not do anything (I am guessing it is just for other graphics):

checkBox.setContentDisplay(ContentDisplay.LEFT);
// checkBox.setContentDisplay(ContentDisplay.RIGHT);

Is there another method or css styling to get the label on the left? Thank you

score 6 · Answer 1 · answered Mar 24 '21 at 04:58

6

Incase someone still facing the same problem, here is the answer

from java code

checkbox.setNodeOrientation(NodeOrientation.RIGHT_TO_LEFT);

from fxml file

nodeOrientation="RIGHT_TO_LEFT"

answered Mar 24 '21 at 04:58

Sodrul Amin Shaon

365
3
16

Keyur Bhanderi · Answer 2 · 2017-07-29T19:59:11.153

2

You can use a label and wrap it with the jfxCheckBox in a HBox like below simple way:

JFXCheckBox jfxCheckBox = new JFXCheckBox();
HBox hBox = new HBox();
Label label= new Label("CHECK BOX");
hBox.getChildren().addAll(label, jfxCheckBox);
hBox.setSpacing(10);

Other way as :

Label lblCheckbox = new Label("CHECK BOX");
lblCheckbox.setGraphic(new JFXCheckBox());
lblCheckbox.setContentDisplay(ContentDisplay.RIGHT);

edited Jul 29 '17 at 19:59

answered Jul 29 '17 at 19:19

Keyur Bhanderi

1,524
1
11
17

Both excellent methods but I would like to know if it possible to move the checkbox's own label. – Edv Beq Jul 29 '17 at 20:47
How should I change the color of checkbox when it is checked? – Ali Majed HA Sep 21 '19 at 05:34

shaka-b · Answer 3 · 2017-10-09T11:06:07.460

You have to adapt or override the layoutChildren() method of the JFXCheckBoxSkin in order to place the checkbox after its label.

Change the x position of the layoutLabelInArea() method such that the label moves/remains to the left. This can be achieved by removing the boxWidth from the xOffset:

layoutLabelInArea(xOffset, yOffset, labelWidth, maxHeight, checkBox.getAlignment());

Similarly, move the checkbox to the right by adding the labelWidth to the xOffset:

positionInArea(box, xOffset+labelWidth, yOffset, boxWidth, maxHeight, 0, checkBox.getAlignment()
                .getHpos(), checkBox.getAlignment().getVpos());

Label to the left of checkbox with JFoenix in JavaFX

3 Answers3