The last big part of the Roundcube user interface not yet ported to Elastic was the HTML editor. And it was left untouched for so long for a reason. Read more to find out why and what I achieved throughout the last week.
Short information about progress in Elastic skin and some news from the UX/design field.
Here’s a short review of recent changes in the Elastic skin. I ported the code to the first stable release of Bootstrap 4 and fixed some bugs. There’s also a new Roundcube feature.
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…
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.
And mobile version.
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.