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
    editor
  • 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
This entry was posted in e(fx)clipse and tagged . Bookmark the permalink.

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

  1. Pingback: e(fx)clipse 1.0 – New Features – Generate JavaFX Properties accessors | Tomsondev Blog

  2. Pingback: e(fx)clipse 1.0 – New Features – LayoutPanes can be controlled by CSS | Tomsondev Blog

  3. Wow… This is almost better, than the layouts!

    Thanks a lot, Tom!

    Greetings,
    Daniel

  4. Steffen says:

    Wow, I am impressed, too. Can’t wait to see it in action.
    Maybe you could spice the CSS editor up even more with a gradient extractor, like this one: https://github.com/timyates/GradientExtractorFX

  5. Pingback: e(fx)clipse 1.0 – New Features – Drag and Drop for e4/JavaFX applications | Tomsondev Blog

  6. Pingback: e(fx)clipse 1.0 – New Features – The clever CSS-Editor who got more clever | Tomsondev Blog

  7. Pingback: e(fx)clipse 1.0 – New Features – StyledText control to build a code editor (framework) | Tomsondev Blog

  8. Pingback: e(fx)clipse 1.0 – New Features – Integration of JavaFX source and property JavaDoc | Tomsondev Blog

  9. Pingback: e(fx)clipse 1.0 – New Features – Consume none OSGi-Artifacts from a maven repository | Tomsondev Blog

  10. Pingback: e(fx)clipse 1.0 released | Tomsondev Blog

  11. Marcus Münzberg says:

    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 ?

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