Flex HBox, VBox and Box with background and border gradients

Dec 12

Flex HBox, VBox and Box with background and border gradients

Today, I spent a little time to turn the GradientCanvas to 3 new container components : GradientHBox, GradientVBox and GradientBox, extending respectively the Flex HBox, VBox and Box.

GradientHBox, GradientVBox and GradientBox can be styled with background gradients and borders gradient. The result is of course very similar to the GradientCanvas as the additional styles and properties are the same. So for those who already uses the GradientCanvas, you can apply exactly the same CSS (for the specific new styles and properties of course).

As usual: the demo application

And the download section…

Licence:

This component is free for use, modification and distribution under the following condition : Just mention the name and the url of the author in a part of your product that is visible to the user (about section, documentation…)

Downloads

Version History:

Version 1.0

First release based on the GradientCanvas v2.1.1

Known issues:

Downloaded a total of 7537 times

Next step

I think the code of all Gradient components should be refactored into a GradientContainer. This should allow the creation of GradientForm, GradientHDividedBox… I will try to do this quickly.

Have fun.