Elastic: Status bar for mail compose options on mobile

On mobile the mail composer options and attachments list is not visible from the main screen. To give the user a quick indication of most important options I created a status bar widget on the main screen.

In the future we can add some more icons, but for now there are the most important ones. The paper-clip icon indicates attached files. The other two indicate enabled Enigma’s sign and encrypt options. Clicking on any of them will move the user to Options and Attachments view.

compose-status-bar

Elastic: Improved mail composer

It has been noticed in the early usability tests of the new Elastic skin that mail composing page is not very user friendly. We noted quite a lot of different issues there. I started working on these and this includes quite a significant change to the page layout.

Continue reading

Elastic: Kolab Notes

Last few weeks I was working on porting Kolab Notes plugin to Elastic. I wanted to see how it goes with some more serious chunk of our code base before I put my hands on Calendar, Tasks or Files. It was reasonably smooth, see the result…

Continue reading

Elastic: Contact data presentation

Contact data presentation, in read-only as well as in an editable form, is most complicated core feature of Roundcube. There are elements like photo, titles, fieldsets, groups and “composite” inputs. So, it took a while to implement for the new skin. Here’s the result.

The flow is similar to Larry’s, but I (and Bootstrap) added some improvements. Note that this is only about the structure. Colors, spacing and some sizes are subject to change.

contact-elastic

And mobile version.

contact-mobile

Elastic

It’s not a secret that I’m working on a new Roundcube theme. It’s supposed to provide a responsive interface for desktop, tables and phones. With help of Thomas Bruederli, who provided some early mockups and John Jackson, who provided some design ideas, and a few other helping hands, after nine months of work it’s starting to look close to what I’ve imagined.

Continue reading