e(fx)clipse 1.0 – New Features – CSS Gradient Editor

e(fx)clipse 1.0.0 is just around the corner and scheduled to be released on August 15th, while we are polishing the final bits, the Eclipse IP-Team checks our IP-Log, … .

I’d like to introduce you the new and exiting features that we worked on in the last months since we released 0.9.0 in February.

Blog series

Other posts in this series are:

CSS Gradient Editor

When defining CSS-Stylesheets one sometimes wants to define a gradient instead of a solid background color. While one can easily remember how to define color e.g. by using the hex encoding. Defining a linear or radial gradient is more complex and you most likely need a WYSIWYG-Editor. So a good CSS-Tool should provide you such an editor.

  • Open a css file and create a property who expects a paint e.g. -fx-background-color
  • In the proposal select “Paint…” which will open a Paint-Editorgradient_editor
  • Once you are happy with your gradient. Hit ok and the gradient is inserted into your CSS-Stylesheet and in case your FXML-File is connected to the currently edited stylesheet the preview will update itselffinal-result

13 thoughts on “e(fx)clipse 1.0 – New Features – CSS Gradient Editor

  1. Daniel Zimmermann August 7, 2014 / 3:16 pm

    Wow… This is almost better, than the layouts!

    Thanks a lot, Tom!


  2. Marcus Münzberg August 18, 2014 / 2:16 pm

    when i try to use this cool feature, i only get the message “> no rule for -fx-background-color found! ”
    i downloaded the all-in-one Solution…
    anyone has an idea ?

    • Tom Schindl August 18, 2014 / 5:38 pm

      Please post at our forum so that we can track down your problem!

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