Retrieve Image From Text Database and Display on Button

Question

I would like to ask is retrieving user profile image from UserClass and display the image on a button possible in JavaFX?

I have tried using setStyle to set the image but when I run the program it shows some error.

Here is my FXML controller file

private Button button1;
UserClass user = new UserClass();
public void initialize(URL location, ResourceBundle resources) 
{
   button.setStyle("-fx-background-image:'"+user.Photopath()+"'");
}

Here is my simplified UserClass class code

public class UserClass
{
   private String photopath;
   public String PhotoPath() 
   {
      return "src/Pictures/womanprofile.png";
   }
}

Here is the error log

WARNING: CSS Error parsing '*{-fx-background image:'src/Pictures/womanprofile.png'}:

I think "-fx-background-image:"+user.Photopath()+" instead of "-fx-background-image:"+user.Photopath.+" — Shekhar Rai
– Shekhar Rai, Commented Oct 24, 2019 at 5:19

Shekhar Rai · Accepted Answer · 2019-10-24 06:15:15Z

1

You need to add url in your css.

private Button imageButton;

private UserClass userClass = new UserClass();

public void initialize(URL location, ResourceBundle resources) {
   imageButton.setStyle("-fx-background-image: url('"+userClass.PhotoPath()+"')");
}

edited Oct 24, 2019 at 6:15

answered Oct 24, 2019 at 5:48

Shekhar Rai

2,0682 gold badges25 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Sherwin Variancia Over a year ago

By the way that is my simplified UserClass so the my question is easier to be understand, actually its a class to retrieve user data such as name, id , and profile picture path from text database. I can upload full userclass code if its neccessary.

Sherwin Variancia Over a year ago

I have tried your solution! The good news is it show no error. The bad news is the button display no picture.

Shekhar Rai Over a year ago

I have updated the code! And showing no-picture means invalid-path of the picture.

Sherwin Variancia Over a year ago

it says "setStylesetStyle is undefined for the type button"

Shekhar Rai Over a year ago

@SherwinChia setStylesetStyle? or setStyle ... are you sure that Button is from javafx.scene.control.Button ? Maybe your path is not matching - so add / on you image path -> /'src/Pictures/womanprofile.png

|

Richard Tiozard · Accepted Answer · 2019-10-24 07:03:02Z

0

You should check if your button size are too small. Hence, it only shows your background transparent image. Try enlarge your button and see how it solve your problem.

answered Oct 24, 2019 at 7:03

Richard Tiozard

506 bronze badges

Collectives™ on Stack Overflow

Retrieve Image From Text Database and Display on Button

2 Answers 2

7 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related