JavaFX Java GUI Tutorial – 27 – CSS Custom Style Classes and Selectors

Comments

12 responses to “JavaFX Java GUI Tutorial – 27 – CSS Custom Style Classes and Selectors”

1. 

   John Arn

   July 18, 2018

   Love this man. He just made me like java a whole lot more then before.

   Reply
2. 

   Aldrin Taylor

   July 18, 2018

   Great Video!

   Reply
3. 

   Jake Salo

   July 18, 2018

   pls work on your pronunciation of the word button… There are some t's in there 🙂

   Reply
4. 

   Janine Venter

   July 18, 2018

   Hi Bucky!

   I have a question, so say for example you have selector classes, how do you apply those classes using java code. Say for example you have the following style in your css:
   .combo-box-base > .arrow-button > .arrow,
   .web-view .form-select-button .arrow {
   -fx-background-insets: 1 0 -1 0, 0;
   -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
   -fx-padding: 0.166667em 0.333333em 0.166667em 0.333333em; /* 2 4 2 4 */
   -fx-shape: "M 0 0 h 7 l -3.5 4 z";
   }

   But you only want to apply the following via java code to a button: .combo-box-base > .arrow-button > .arrow, .web-view .form-select-button .arrow, how will you put this into the getStyleClass().add(…) method?

   Reply
5. 

   Shubham Madheysia

   July 18, 2018

   this works for me
   scene.getStylesheets().add(<class_name>.class.getResource("<css_filename>.css").toExternalForm());

   Reply
6. 

   Marco

   July 18, 2018

   nice tutorials but can anyone explain to me why I would use IDs instead of a class in the css file for making the label bold? IDs seem to be a bit less code but I don't see sense in it yet.
   Edit: Or can it probably be for overwriting objects that are part of the same class? Like that IDs are ranked higher than classes.

   Reply
7. 

   Mike Cor

   July 18, 2018

   Freaking awesome tutorials.

   Reply
8. 

   A damo

   July 18, 2018

   I did the stylesheet thing excatly your way. My label,button color changed but my scene's background color didn't change. Am i supposed to use something in place of .root? I'm confused help please!

   Reply
9. 

   petya255

   July 18, 2018

   Omg, can you actually use all the css3 stuff, like transitions, hover, and everything? This is just awesome. My css knowladge is not completelly unnecesarry now.

   Reply
10. 

    Adishwar Rishi

    July 18, 2018

    Hi Bucky, can you make a video explaining the use of FXML in javafx?

    Reply
11. 

    Lightion

    July 18, 2018

    make video on charts and tabs please

    Reply
12. 

    terran4610

    July 18, 2018

    Bucky, please make a guide on Ruby on Rails

    Reply