Elastic: Pretty selects and design updates

Short information about progress in Elastic skin and some news from the UX/design field.

Yes, there are some fine javascript libraries implementing SELECT element replacement in the Internet. However, they implement a lot of functionality we don’t need. Because we use Bootstrap we don’t need a lot of new css code too. All of these libraries also add a div overlay on top of SELECT, which will not work in all cases. So instead, I implemented something simple.

The idea behind it was to have a nice-looking and consistent (across browsers) selection lists. Here’s how it looked before (left) and how it looks now (right) in Firefox browser.


One problem is that it have to be disabled on iPad/iPhone for now. Safari on mobile displays built-in widgets when you focus a SELECT element. I didn’t find a way to replace it with my custom dropdown.

Other good news is that recently I started working with Giles Vincent, the designer you may know from the old Kolab’s Chameleon skin. He proposed quite a lot of graphic and UI structure improvements. It looks that it may delay the beta release a little bit, but we should get something really polished. Here’s the re-designed messages list toolbars and search widget.



6 thoughts on “Elastic: Pretty selects and design updates

  1. Hi there ! (sorry for my english)

    I’ve just ended up customizing my roundcube installation through Plesk.
    Just wanted to first thank you, you and the whole Kolab team (is this even a team ? ^^) and ofc the roundcube team, because many plugins and themes comes from you. I actually use The Chameleon Orange theme (really nice one !) and 30 activated and working plugins. The whole thing for free !
    This theme you are doing looks really pretty ! Do you have a release date for the integration with plesk ? will we still be able to install the whole thing by ourselves since you are adding the theme to the main roundcube repo ? Actually, the price is totally killing me. I feel the per month + per users limitations extremely huge. I would preffer in this case a per add-ons price instead, because actually, this would cost a lot more than Plesk licence + the server itself… for a webmail (even if its not only a webmail software). I understand that selling through the plesk catalog may cost you some money, but I feel that this is really expensive and will definitely not be able to buy it :( Do not hesitate to tell me if you plan to change the business plan for it.

    Keep the great work going. As a UI developer for a WP plugin, I can only applause you for the wonderful work you are doing here and the way you are making roundcube evolve.



    1. It should be available soon for Plesk Premium Email (by Kolab) with additional improvements. For other installations later this year.


  2. Thanks for your work on the Elastic theme. It was about time that someone tackled that challenge and moved Roundcube into the future. I think you are doing a great job.


  3. Dear Alec I can’t get Elastic skin to work with Roundcube 1.3.6
    Does this version support it?


Comments are closed.