Button with full background image

Question

Hello,
I want to have a button with a image as background.
The background image has to fill the complete button background.
If you see the screenshot (url) , there is space around the image.
I have add a red border to see that the button size != background image.
I also tryed style with -fx-background-repeat: repeat-x;
[http://office.techniconsulting.be/~peeters/button.png]
Button button = new Button();
ImageView imageViewOn = new ImageView();
imageViewOn.setImage(....);
ImageView imageViewOff = new ImageView();
imageViewOff.setImage(imageViewOff);
button.setText(this.name);
button.setGraphic(imageViewOff);
button.setContentDisplay(ContentDisplay.CENTER);
button.setStyle("-fx-border-color: red; -fx-border-width: 1;");

Answer 1

Maybe not the perfect solution, but you can make the background transparant of the button so you won't see the button.
button.setStyle("-fx-background-color: rgba(0%,0%,0%,0)}");Else I would say, don't use a button and create your own.
-Stackpane
--ImageView with image
--text
For events, you can put events on the StackPane..
Edited by: FXdude on 25-jan-2013 5:02