Liquid Components, now Open Source ! by Thibault Imbert

Liquid Components

For those interested, the Liquid Components are still alive !

I have just joined DDB Paris as a Technical Director, it is a great news for me (and DDB I hope). Unfortunately, this new job gives me very little time to work on my personal projects like the "Liquid Components".

I decided to publish the Liquid Components as an "Open Source" project under a Creative Commons license.

I hope a lot of you will download them, extend, modify, and do whatever you want with them for your personal and professional projects.

For those who did not participate to the beta program, here is a short "état des lieux" :

Architecture :

The Liquid Components extends the CS3 Components. It means that the liquid components can coexist with the CS3 components, they are totally interchangeable.

A big thank you to Grant Skinner for the the great work he has done on the CS3 components framework ! Liquid Components are made possible thanks to the well thought CS3 components framework.

Components available :

The components below are available :

  • LiquidComboBox
  • LiquidList
  • LiquidScrollPane
  • LiquidScrollBar
  • LiquidButton
  • LiquidCheckBox
  • LiquidRadioButton
  • LiquidTextInput
  • LiquidIcon

Download :

Liquid Component Install for Flash CS3 + Skins : Liquid Componenents V1.1.0

Liquid Components sources (FlashDevelop Project + Fla's + AS3 package) : Liquid Components V1.1.0 Sources

License :

The license is a Creative Common Attribution

So you can freely use it, modify it, use it on commercial project ;)

Install instructions :

Windows install, copy the Liquid.fla to this location :
EN : C:\Documents and Settings\{username}\Local Settings\Application Data\Adobe\Flash CS3\en\Configuration\Components\
FR : C:\Documents and Settings\{username}\Local Settings\Application Data\Adobe\Flash CS3\fr\Configuration\Components\

MAC install, copy the Liquid.fla to this location :
DD Macintosh/Applications/Adobe Flash CS3/Configuration/Components/

Window Vista Install
C:\Program Files\Adobe\Adobe Flash CS3\fr\Configuration\Components
C:\Program Files\Adobe\Adobe Flash CS3\en\Configuration\Components

Comments (40)

  1. yeah cool news ! Bonne chance chez DDB.

    Wednesday, June 11, 2008 at 11:27 am #
  2. Tek wrote::

    Yeah Didier you are the king ! Good luck in your new position too ! Don’t forget to eat or sleep at least once a week. :)

    Wednesday, June 11, 2008 at 11:32 am #
  3. Nicolas Prof wrote::

    Great, great, great :)

    Wednesday, June 11, 2008 at 11:44 am #
  4. Angel wrote::

    Thanks for contribution to the community. I am sure I speak for everyone when I say nice work! Good luck with your new position.

    Wednesday, June 11, 2008 at 1:40 pm #
  5. zeflasher wrote::

    That’s a great news :)

    Do you have setup a svn / project page for this or any other community related stuff ( forums, … ) for it?

    Anyway, thx for this Didier et bonne chance pour ton nouveau taf
    ++

    Thursday, June 12, 2008 at 1:28 am #
  6. morphy wrote::

    1/ félicitations
    2/ Merci :)
    3/ bravo

    Friday, June 13, 2008 at 3:39 am #
  7. Tek wrote::

    Didier, after some long discussion, it seems that Creative Commons sadly do not recommends the license you use for software licensing.

    You could continue to use Creative Common as a wrapper for your license, but the real shared license behind must be GNU GPL. It follows your goals, no problem with that.

    You could find all the information you need here : http://creativecommons.org/license/cc-gpl
    (html code to copy here, license to apply, etc…).

    Saturday, June 14, 2008 at 4:20 pm #
  8. Thanks,
    Really great :)

    Tuesday, June 17, 2008 at 12:06 pm #
  9. mateoone wrote::

    Thanks Didier, for theses great components…
    Thanks for contribution.
    I just hope that you will find some time to finish one of your personal projects like this one. ;-)

    Still running for a lunch if you have few minutes…

    Wednesday, June 18, 2008 at 1:00 am #
  10. Erwan wrote::

    Talentueux…et généreux avec ça. Bravo !

    Wednesday, June 18, 2008 at 10:55 am #
  11. gnfontaine wrote::

    Thanks very much for the source, Didier would it be possible to include the source from your original live demo. It has some cool tricks I would like to learn how to implement.

    It would be cool for someone, I would even be willing to set up and host SVN for this product on my server. Your thoughts Didier Brun!

    Wednesday, July 9, 2008 at 8:54 pm #
  12. Hi Didier,

    Great job, and a really cool gift for the community!

    Do you intend to host the project in a public repository somewhere?

    Thursday, July 17, 2008 at 12:46 pm #
  13. sebastien wrote::

    salut, les composant ont l’air tout simplement terrible mais je n’arrive pas à les utiliser (LiquidList) dans un projet éditer avec flashdevelop, est ce qu’il y aurait un tut pour l’installation dans FD

    Thursday, July 17, 2008 at 4:29 pm #
  14. sebastien wrote::

    salut cela fait une semaine que je me suis inscrit au forum “liquid components” mon compte n’est toujours pas activé… :( je voulais poser une question au sujet de la propriété “listBack” du comboBox component que je n’arrive pas à changer …

    Thursday, July 24, 2008 at 10:52 am #
  15. Hi, congratulations Didier,
    I just tried the last version today, but can you attach the scrollBar compo with a textField?
    Thks in advance,
    Regards

    Monday, August 4, 2008 at 4:38 pm #
  16. Daniel Parra wrote::

    This is great stuff! Good work! It’s really nice to have components supporting 9-scale with bitmaps.

    One question though… how do I get to the Liquid Components Inspector window? Can’t find it anywhere?

    Cheers!

    Thursday, October 23, 2008 at 10:50 pm #
  17. artkabis wrote::

    Merci pour ce partage et pour tout ce que tu fais pour la communauté

    Thursday, November 6, 2008 at 3:44 pm #
  18. jim wrote::

    Ok, great set, but I thought the purpose was to create a light weight set of componesnts?
    A quick compile of just the combox shows that it is 51kB, vs 36kB for Adobe’s default comboBox.
    Am I missing something?

    Monday, November 10, 2008 at 9:53 pm #
  19. charlie wrote::

    Help!

    J’utilise les liquids components, et j’ai des problèmes de skin ( une ligne traverse le composant et ce de façon aléatoire a chaque compilation). J’aimerais poser ma question dans le forum dédié mais impossible d’ ouvrir un compte: J’ attend la validation…
    j’espere que je pose ma question au bon endroit…

    merci

    Wednesday, November 12, 2008 at 2:13 pm #
  20. Thomas wrote::

    myLib components, a alternative to CS3 Components are out :

    http://blog.samystudio.net/index.php/2008/11/16/11-mylib-flash-as3-components-public-beta-now-open#co

    demos here : http://mylib.samystudio.net/demos/demos.html

    Wednesday, November 19, 2008 at 5:54 pm #
  21. Jloa wrote::

    Dah, no DataGrid :(

    Sunday, December 14, 2008 at 10:35 pm #
  22. Dennin Dalke wrote::

    Hi! how can I get a copy of the components? I tried to download it but the link is broken… I’m very interested to test them.

    Monday, December 22, 2008 at 5:56 am #
  23. P48l0 wrote::

    The link is broken, i want to download the components but it says 404.

    Can you fix that? please?

    Sunday, December 28, 2008 at 5:13 pm #
  24. Jloa wrote::

    Didier, please fix that link with the source files (http://www.liquidcomponents.com/download/liquid_components_v110_src.zip)
    It’s broken currently. (err 404)

    Thx a lot

    Thursday, January 1, 2009 at 6:32 pm #
  25. Tahel wrote::

    Can you tell me how to attach a textfiel multiline to the scrollbar component in liquids components?

    Friday, January 2, 2009 at 11:24 pm #
  26. Chris Price wrote::

    For those still checking here, was anybody able to download the sources (liquid_components_v110_src.zip) before the liquidcomponents.com domain name expired – and if so, would you be willing to share the wealth? I love the component set (downloaded from another site, but it seems I need to edit the originals to bring some compatibility for textFormat and embed fonts and haven’t been successful without being able to see the sources. Contact info on my blog linked above.

    Thanks for these Didier – the easy bitmap skinning is awesome!

    Wednesday, January 7, 2009 at 1:06 pm #
  27. MR.JOE wrote::

    Yes, I managed to download both component sets before the site went down. You can download them via the links below:

    Liquid Component Install for Flash CS3 + Skins : http://www.sanightlife.com/liquid_v110.zip

    Liquid Components sources (FlashDevelop Project + Fla’s + AS3 package) : http://www.sanightlife.com/liquid_components_v110_src.zip

    Wednesday, January 7, 2009 at 8:22 pm #
  28. Many thanks Mr Joe

    Wednesday, January 7, 2009 at 11:44 pm #
  29. Chris Price wrote::

    Mr. Joe – THANK YOU!!!

    Thursday, January 8, 2009 at 3:25 am #
  30. P48l0 wrote::

    MR.JOE thanks!!!!!!!!!!

    Friday, January 9, 2009 at 6:01 pm #
  31. Jloa wrote::

    Hi there Didier!
    Do u still support this project? Do u plan extending it? Adding some new components?

    I’ve extended your lib a bit, so far added:

    * IconLabel component
    * TextArea component
    * DataGrid component (currently developing)

    If any one is intenrested in those, let me know, i’ll send u the source files as soon as i finish.

    Sunday, January 11, 2009 at 6:28 pm #
  32. Jloa wrote::

    I’ve uploaded Liquid Components to my labs in case the source files’ll be unavailable again.
    At the bottom: http://www.chargedweb.com/labs/

    Tuesday, January 13, 2009 at 2:52 am #
  33. Jloa wrote::

    They are really great BUT there’s one big but – the Leak memory like hell. So be careful.
    Ex:

    import com.liquid.controls.LiquidButton;

    this.addEventListener(Event.ENTER_FRAME, countFrames);
    function countFrames(event:Event):void
    {
    trace(“Memory leak:”, System.totalMemory, “bytes”)
    var myButton:LiquidButton = new LiquidButton();
    addChild(myButton)
    removeChild(myButton)
    myButton = null;
    }

    Monday, January 19, 2009 at 2:40 am #
  34. Fidiman wrote::

    Hello,

    It seems to be a little bug when using embedFont.

    I’m using this classic code for embeded font :

    var font:Font = new VerdanaEmbedded() as Font;
    var tf:TextFormat = new TextFormat();
    tf.font = font.fontName;

    type_cb.textField.setStyle(“embedFonts”, true);
    type_cb.textField.setStyle(“textFormat”, tf);
    type_cb.textField.setStyle(“embedFonts”, true);
    type_cb.textField.setStyle(“textFormat”, tf);
    type_cb.dropdown.setRendererStyle(“embedFonts”, true);
    type_cb.dropdown.setRendererStyle(“textFormat”, tf);

    This work nice with classic cs3 component but with liquid component the font disappear on rollover.

    Thanks for your work.

    Regards,

    Thursday, January 22, 2009 at 2:32 pm #
  35. Jim wrote::

    I have just downloaded the components am using Flash CS4 and have run into a problem immediately.

    I have placed a textfield and a button on the root, and also a textfield and a button in a movieclip on the root.

    The components directly on hte root look fine, the ones in the movieclip on the root have hairlines running through them.

    I am not sure if this is just in CS4, if there is a simple fix or whatever. I want to know if anyone else has seen this problem.

    Jim

    Monday, February 2, 2009 at 9:27 pm #
  36. MR.JOE wrote::

    NP Everyone. Now the site is back up, and Jloa has a backup link, so I will be removing them from my server. If both sites happen to for some reason go down, just email me at info@sanightlife.com and I’ll re-upload the files for you to download!

    Thursday, February 26, 2009 at 12:10 am #
  37. Pavel wrote::

    Jim: It’s pretty old question but I thought I would share anyway – for the problem with hairlines there’s a simple solution – don’t forget that the skins are bitmap so make sure all your parent movieclips are aligned to whole coordinates (for example Y:2.00, not Y:2.25). Root doesn’t create this problem since it’s (0.00, 0.00) ;) I had this problem when using some automatic alinging for my parent windows, so make sure you round everything to whole numbers :)

    Saturday, October 16, 2010 at 7:32 am #
  38. Pavel wrote::

    One more thing to answer which I’ve also dealt with and noone answered here: You can’t attach the LiquidScrollbar by default to a multiline TextField – the reason is it extends fl.controls.ScrollBar, which doesn’t support scrollTarget. There is quite easy fix though – download the source codes and in the LiquidScrollbar source change “extends ScrollBar” to “extends UIScrollBar”. Also change the import to import “fl.controls.UIScrollBar”. Export it as SWC component or otherwise recompile, and you have the liquid scrollbar with textarea support :) Reason is, UIScrollbar is the same as ScrollBar, it just adds the textfield functionality.

    Sunday, October 17, 2010 at 5:01 am #
  39. ckretsqurril wrote::

    ummm ive downloaded source and metamod now what?

    Friday, December 17, 2010 at 12:09 am #
  40. Martin wrote::

    Hi nice work.
    But it is not useable for pure as3-Projects?

    Wednesday, May 11, 2011 at 12:00 am #

Trackbacks/Pingbacks (14)

  1. [...] of today, Didier has decided to publish the Liquid Components as an “Open Source” project under a Creative Commons [...]

     
  2. iTamt.cn » Blog Archive » Liquid Component开源 on Wednesday, June 11, 2008 at 3:40 pm

    [...] Liquid Component是扩展Flash CS3组件的组件,看这里 [...]

     
  3. www.video-flash.de on Wednesday, June 11, 2008 at 9:06 pm

    Jetzt Open Source: Liquid Components für Flash…

    Liquid Components heißt ein sehr hübsches Set an Komponenten für Flash CS3. Der Macher Didier Brun hat aus beruflichen wenig Zeit zur Weiterentwicklung, weshalb er die Komponenten nun frei zur Verfügungung stellt.
    Die Komponenten können im Ausseh…

     
  4. Open Source - Liquid Component | Dev by MX on Thursday, June 12, 2008 at 1:46 am

    [...] Component done by Didier ( http://bytearray.org ) have been released yesterday. Go and check them here, and give a big thanks to Didier… ++ Filled under: 3rd Party, Actionscript 3.0, [...]

     
  5. Liquid Components now OpenSource - Markus Schwarze on Thursday, June 12, 2008 at 11:10 am

    [...] Hier gehts zu den Components http://www.bytearray.org/?p=137 [...]

     
  6. WefWef » Liquid Components now Open Source on Thursday, June 12, 2008 at 3:20 pm

    [...] gehts zu den Liquid Components. Geschrieben von admin in Entwicklung | Trackback | RSS Feed Tags: [...]

     
  7. jonnymac blog » Liquid Components Released Open Source on Friday, June 13, 2008 at 7:09 am

    [...] week Didier Brun released his Liquid Components set, which I have previously blogged about, as open source. The component set is written in AS3, and [...]

     
  8. Peter’s Blog » Liquid Components for Flash CS3开源 on Tuesday, June 17, 2008 at 10:32 am

    [...] 点击【 这里 】赶紧下载去吧。 [...]

     
  9. Things you may have missed… | MadeByPi™ Blog on Thursday, July 31, 2008 at 12:10 pm

    [...] Liquid Components – a free, open source component set for Flash CS3. [...]

     
  10. Sönke Rohde » Open Source and Flex on Thursday, August 7, 2008 at 5:34 pm

    [...] Liquid Components [...]

     
  11. Liquid Components for CS3 on Saturday, February 20, 2010 at 5:25 pm

    [...] home: http://www.bytearray.org/?p=137 Download source [...]

     
  12. AS3 Liquid Components ScrollPane with CS4 on Wednesday, March 17, 2010 at 12:18 am

    [...] migrating my scrolling/content display system to CS4. I've been a big fan of Didier Brun's Liquid Components. He was kind enough to release these as open source and they work great. Simple, easy to use, and a [...]

     
  13. Liquid Components for Flash CS3 - ByteArray.org on Wednesday, August 11, 2010 at 6:47 pm

    [...] the Liquid Components here. Post a comment | Trackback [...]

     
  14. [...] The Liquid Components extends the CS3 Components. It means that the liquid components can coexist with the CS3 components, they are totally interchangeable. [...]