A smarter JavaFX CSS-Editor


This is just a short teaser for those using e(fx)clipse for their JavaFX development. Todays nightly build holds an extermly cool new feature.

JavaFX provides many many CSS-Attributes (many more than HTML) but only very view apply for a given CSS-selector. Because of that we made the CSS-Editor context aware which means it restricts the provided CSS-Attributes based upon the selector you are currently in.

pic_2

This screenshot shows the unrestricted set of CSS-Attributes because the CSS-Selector “.test” is a generic one.

pic_3

This screenshot shows hover-Informations for element definitions (used for almost all Scene-Graph-Elements beside Controls)

pic_4

In this screenshot you’ll notice that the list of proposed attributes is way smaller compared to the first screenshot. Nice!

pic_5

From this screenshot you can see that the editor knows that the .button class is applied to Button-Elements.

pic_1

And naturally the set of attributes is restricted as well in this case.

I think this feature once more puts e(fx)clipse a head of other IDEs.

About these ads

2 Responses to “A smarter JavaFX CSS-Editor”

  1. That’s a really cool feature!

Trackbacks/Pingbacks

  1. JavaFX links of the week, February 18 // JavaFX News, Demos and Insight // FX Experience - February 17, 2013

    [...] yet another blog post, Tom posted about an upcoming feature in e(fx)clipse: a smarter JavaFX CSS editor. It looks very [...]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 665 other followers

%d bloggers like this: