Using CSS in JavaFX 2.0

Question

I tried to use CSS in JavaFX 2.0. But it doesn't work. I tried to import a CSS file:

// Import CSS
Group root = new Group();
Scene scene = new Scene(root, 300, 250, Color.LIGHTGREEN);
scene.getStylesheets().add("example.css");

But NetBeans always throws the following exception:

WARNING: com.sun.javafx.css.StyleManager$2 run Resource "null" not found.

I tried to put the CSS file in the project directory, into the src directory and to use a absolute path: "C:\\Users\\janus\\Documents\\NetBeansProjects\\example.css"

Nothing solved the problem

Same happened to me too. Still no answer.

PeakGen
– PeakGen

2012-07-14 15:31:39 +00:00
Commented Jul 14, 2012 at 15:31 — PeakGen
– PeakGen, Commented Jul 14, 2012 at 15:31

assylias · Accepted Answer · 2013-08-11 00:58:00Z

16

In your src folder add:

src/resources/css/yourStyle.css

then add the following code:

scene.getStylesheets().add("resources/css/yourStyle.css");

edited Aug 11, 2013 at 0:58

assylias

330k84 gold badges680 silver badges806 bronze badges

answered Feb 17, 2013 at 13:27

Amol

3183 silver badges6 bronze badges

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

1 Comment

personne3000 Over a year ago

Works, but I'd be interested to know why the path appears to be relative to the "src" folder

Railluer · Accepted Answer · 2011-07-15 14:29:01Z

6

This works, if your CSS file is in the same package.

scene.getStylesheets().add(YourClazz.class.getResource("myCssFile.css").toExternalForm());

answered Jul 15, 2011 at 14:29

Railluer

611 bronze badge

Comments

kylejmcintyre · Accepted Answer · 2011-07-07 19:48:58Z

3

I had trouble with this too but got it working with something like this:

String cssPath = "/com/yourdomain/resources/style.css";
scene.getStylesheets().addAll(cssPath);

Change the value of cssPath to match the package that contains your css file.

answered Jul 7, 2011 at 19:48

kylejmcintyre

2,0062 gold badges18 silver badges20 bronze badges

2 Comments

The Unfun Cat Over a year ago

Wonderful- was tearing my hair out in frustration over this. First one of the fixes that worked for me (needed to clean and rebuild in addition).

Netorica Over a year ago

scene.getStylesheets().add("/com/yourdomain/resources/style.css"); should be fine

André · Accepted Answer · 2012-04-18 20:25:17Z

1

I have found that this whole .css problem can be solved, when using NetBeans, go to the project properties - run - Standalone Application Properties - Working directory and select the path to the directory where the .css file and/or main class is located. I don't know what (windows) is using as default, probably a temp dir.. if so, then there are ofcourse no .css files there and you get the nullpointer exception.

answered Apr 18, 2012 at 20:25

André

111 bronze badge

Comments

Hendrik Ebbers · Accepted Answer · 2013-05-20 21:15:32Z

1

If you want to style your complete application by one CSS you find a solution here: http://www.guigarage.com/2013/03/global-stylesheet-for-your-javafx-application/

answered May 20, 2013 at 21:15

Hendrik Ebbers

2,61021 silver badges35 bronze badges

Comments

Henry · Accepted Answer · 2012-04-29 10:55:40Z

0

One possible reason for this is that you need clean and re-build your project before run.

answered Apr 29, 2012 at 10:55

Henry

1

1 Comment

Andrew Over a year ago

Hello Henry, and welcome to SO... please elaborate the answer

SyntaxRules · Accepted Answer · 2013-01-22 22:30:50Z

There are lot of suggestions to putting your css files in various places, but this is what works for me. Any files you add to your project must be in your project home directory that NetBeans creates. For example, if your project name is HiJohn and it resides in /NetBeansProjects/HiJohn you need to place your .css file in the directory HiJohn and you can reference it just using style.css.

For myself, I've created a resource folder in my NetBeans project called resources. This makes it so I can accesss any file in that resource folder using resources/style.css or resources/settings.xml

If you still have questions here is a great resource for getting the basics down:

http://docs.oracle.com/javafx/2/css_tutorial/jfxpub-css_tutorial.htm

Good luck!

kleopatra · Accepted Answer · 2013-02-28 09:36:42Z

0

"file:/"+ new File("styles/intro.css").getAbsoluteFile().getPath()
                    .replaceAll(" ", "%20");

edited Feb 28, 2013 at 9:36

kleopatra

51.6k28 gold badges103 silver badges220 bronze badges

answered Feb 28, 2013 at 9:26

Eswar

1

Comments

Karin Johnsgard · Accepted Answer · 2013-05-14 15:58:43Z

In Eclipse, I found that I could enable the IDE to find the css file as follows:

Create a folder for your css file in your workspace (I had the most reliable success placing it in the src folder of the current project). In the project Properties > Resources > Linked Resources you can create a new variable and use an existing variable to define a nice simple path (e.g., create a Name: RESOURCES and hit Variables, choose PROJECT_LOC, hit Extend, choose/navigate to the folder that you created). What's nice is that Eclipse will immediately display the location you choose, and warn you if you try to reference a location that it can't find.

In your code, your path is now simply "RESOURCES/[fileName.css]".

Uli Köhler · Accepted Answer · 2014-02-02 14:43:13Z

0

Use:

root.getStyleSheet().add(
    youclass.class.getResources("YourCSSFileWichIsinYourDefaultPackage").toExternalForm()
);

edited Feb 2, 2014 at 14:43

Uli Köhler

13.9k17 gold badges75 silver badges127 bronze badges

answered Feb 2, 2014 at 14:25

Hant

11 bronze badge

Comments

Taryn · Accepted Answer · 2013-01-12 16:50:47Z

-1

scene.getStylesheets().add(getClass().getResource("YourCSSFile.css").toString());

edited Jan 12, 2013 at 16:50

Taryn

249k57 gold badges374 silver badges409 bronze badges

answered Jan 12, 2013 at 16:27

André

1

Collectives™ on Stack Overflow

Using CSS in JavaFX 2.0

11 Answers 11

1 Comment

Comments

2 Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

11 Answers 11

1 Comment

Comments

2 Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Related