Author Topic: Melanie2 Larry Mobile skin v0.4.7 / Roundcube 1.2.3  (Read 138501 times)

Offline tpayen

  • Jr. Member
  • **
  • Posts: 45
    • Melanie2 Messaging
Melanie2 Larry Mobile skin v0.4.7 / Roundcube 1.2.3
« on: May 20, 2015, 12:45:32 PM »
Melanie2 Larry Mobile 0.4.7 w/ Jquery Mobile
Works with Roundcube 1.2.3

Download the Melanie2 Larry Mobile skin:
https://github.com/messagerie-melanie2/Roundcube-Skin-Melanie2-Larry-Mobile/releases/tag/v0.4.7

Download the Mobile plugin:
https://github.com/messagerie-melanie2/Roundcube-Plugin-Mobile/releases/tag/v0.4.7

Download the Jquery Mobile plugin
https://github.com/messagerie-melanie2/Roundcube-Plugin-JQuery-Mobile/releases/tag/v1.0

INSTALLATION
Rename "roundcube_skin_melanie2_larry_mobile" to "melanie2_larry_mobile" and add it to your Roundcube/skins directory.
Rename "roundcube_jquery_mobile" to "jquery_mobile" and add it to your Roundcube/plugins directory.
Rename "roundcube_mobile" to "mobile" and add it to your Roundcube/plugins directory

Add "mobile" in the Roundcube config.inc.php file in "plugins",
ex:
// List of active plugins (in plugins/ directory)
$config['plugins'] = array( 'mobile', );

SCREENSHOTS
Mobile Device

Messages




Contacts / Settings



/!\ The switching desktop/mobile is automatic and based on the user agent, but you can click on "Mobile View" on top left of the screen. DO NOT change the theme in Settings > User Interface (keep the desktop theme).

TPayen
 

« Last Edit: December 14, 2016, 05:50:20 AM by tpayen »

Offline SKaero

  • Administrator
  • Hero Member
  • *****
  • Posts: 5,876
    • SKaero - Custom Roundcube development
Re: New Melanie2 Larry Mobile skin
« Reply #1 on: May 23, 2015, 01:00:01 PM »
It looks like a good start for a mobile skin, have you run into any problems getting the skin to work only on mobile devices?

Offline tpayen

  • Jr. Member
  • **
  • Posts: 45
    • Melanie2 Messaging
Re: New Melanie2 Larry Mobile skin
« Reply #2 on: May 24, 2015, 06:27:36 AM »
This is why we created the mobile plugin. It detect mobile device based on the user agent. Or we can force mobile/desktop by using a cookie.
But we are receptive to any proposed improvements  :)

Offline d8teen

  • Newbie
  • *
  • Posts: 3
Re: New Melanie2 Larry Mobile skin
« Reply #3 on: May 27, 2015, 01:34:51 PM »
This is very interesting development. I have decided to try it on my site.
So after installing plugins, copy and declaring "$config['plugins'] = array('jquery_mobile', 'mobile');"
 This is what my default Lary looks like:


After switching to mobile view I see this: (after a refresh it displays fine)


Disabled button to edit settings:

And unable login same on cellphone: (its fine after refresh)
« Last Edit: May 27, 2015, 01:40:11 PM by d8teen »

Offline tpayen

  • Jr. Member
  • **
  • Posts: 45
    • Melanie2 Messaging
Re: New Melanie2 Larry Mobile skin
« Reply #4 on: May 28, 2015, 03:57:14 AM »
Hmm, there is a mistake in the INSTALL part of the jquery_mobile README file, you don't need (in fact you must not) add it in the roundcube config file. Sorry! I correct it right away.
So you just need "$config['plugins'] = array('mobile');" in the config file. The "jquery_mobile" plugin is loaded by the "mobile" plugin when it's necessary.
For our tests reports, can you tell us what version of Roundcube and Browser you use ?
Thanks

Offline d8teen

  • Newbie
  • *
  • Posts: 3
Re: New Melanie2 Larry Mobile skin
« Reply #5 on: May 28, 2015, 02:01:57 PM »
Hello, well indeed now its much better.
Working as intended now.
Im using latest at the moment 1.1.1 and Chrome 43.

Thank you for your work! Lets just make it better:

Suggestions on the compose message page:



Okay this is first part of the screen, again why is there need to scroll for make an email?
1. Need fit it in one page. Much space is just eaten by padding and margins.
2. Forms when active glow does not fit in the sides, annoying and looks cheap.
3. Labels take much space, form of email is self explanatory, and we have accustomed to it over tons of time. (We can fit them in line or inside of the field with property "placeholder"in the field tag. Since its cellphone version most of them updated regularly so compatability issues would not come up.
4. Add Cc and Bcc is looks outdated. (It has been used by google early version of the mobile site, Thats probably where individual activation was adopted from.)
5. Its without a doubt unecessary to have tinyMCE in mobile version. Lets send text only, and if some person with very small fingers decides to create html masterpiece have option to switch to extended.




6. Need change html switch to something more mobile. And add only necessary button of Attach.

7. Save option needs to be changed,  only offered when person tries to go back or press cancel while words have been written in form.



Suggestion on main page:


Looks can be improved!
1. Much empty space because of the dot, need improve the way it signifies unread message.

Interesting fact: When open mobile version from desktop still can drag and drop, when open from mobile or browser simulator only can swipe left and right to "read" and delete.
Thought: maybe abandon that feature and make this instead: By clicking on the line make a selection and when selection available offer this options of mark as read, delete selected and move to folder and things.
« Last Edit: May 28, 2015, 02:33:07 PM by d8teen »

Offline tpayen

  • Jr. Member
  • **
  • Posts: 45
    • Melanie2 Messaging
Re: New Melanie2 Larry Mobile skin
« Reply #6 on: May 29, 2015, 08:41:38 AM »
Hello, thanks for this feedback.
There has good ideas and indeed still much to do to improve this skin.
I note all this and I work on it asap

If you have other remarks, do not hesitate :-)

Offline d8teen

  • Newbie
  • *
  • Posts: 3
Re: New Melanie2 Larry Mobile skin
« Reply #7 on: June 05, 2015, 10:57:55 AM »
Hey tpayen,
I have found nice design for incoming messages, maybe can extract some ideas from that template:
http://purecss.io/layouts/email/

tell me what you think. Can add gravatars for graphics :D, make it more alive

Offline tpayen

  • Jr. Member
  • **
  • Posts: 45
    • Melanie2 Messaging
Re: New Melanie2 Larry Mobile skin
« Reply #8 on: June 09, 2015, 09:15:59 AM »
Hi,
Yes, it is really nice! Guys from purecss do a great job.
That would be a good idea to use images from gravatar or contacts
We could then use the click on the photo to select the messages, and display the menu to delete, mark as read. As do mobile applications.
This will have an enhanced view of the message list.

Offline tnfno

  • Newbie
  • *
  • Posts: 2
Re: New Melanie2 Larry Mobile skin
« Reply #9 on: June 26, 2015, 10:26:18 AM »
Hi,

I am aware of the 1.1.1 requirement, but tried to install it under 1.1.2 and get the error below when I enable the skin. After enabling, it looks like it runs without any CSS.

[error]



FILE NOT FOUND

The requested resource was not found!
Please contact your server-administrator.
Failed request:
//webmail.mydomain.com/

Offline tnfno

  • Newbie
  • *
  • Posts: 2
Re: New Melanie2 Larry Mobile skin
« Reply #10 on: June 26, 2015, 11:39:36 AM »
.... just to answer my own question above, looks like there is a dependency on the non-mobile Melanie2 theme http://www.roundcubeforum.net/index.php/topic,22436.0.html

Offline tpayen

  • Jr. Member
  • **
  • Posts: 45
    • Melanie2 Messaging
Re: New Melanie2 Larry Mobile skin
« Reply #11 on: July 16, 2015, 12:14:43 PM »
Hello,

Hmmm you normally do not need the non mobile Melanie2 theme. The two skins are independent. Maybe you were on a page that does not exist in this skin, as the parameters ?

I'm currently working on developments discussed with d8teen. I hope to have a new version by tomorrow


Offline tpayen

  • Jr. Member
  • **
  • Posts: 45
    • Melanie2 Messaging
Re: New Melanie2 Larry Mobile skin
« Reply #12 on: July 17, 2015, 09:03:55 AM »
Hi,

I've updated the Melanie2 Mobile Skin to v0.3 :
https://github.com/messagerie-melanie2/roundcube_skin_melanie2_larry_mobile/releases/tag/v0.3
You also need the v0.3 of mobile plugin :
https://github.com/messagerie-melanie2/roundcube_mobile/releases/tag/v0.3
(The jquery mobile plugin hasn't change)

This version improves the display of the messages list
It is now possible to select messages in the list, for quick action like mark as read/unread, reply/reply all/forward, move, ...

I've got performance problem when I tried to add photo in messages list, so it's disable, I've got to work on it.

It's also improve message display and message writing



Offline enetra

  • Newbie
  • *
  • Posts: 2
Re: New Melanie2 Larry Mobile skin
« Reply #13 on: July 31, 2015, 08:04:37 AM »
Hi,

installation complies with the readme. No CSS?

Offline tpayen

  • Jr. Member
  • **
  • Posts: 45
    • Melanie2 Messaging
Re: New Melanie2 Larry Mobile skin
« Reply #14 on: July 31, 2015, 08:24:32 AM »
Have you installed the jquery_mobile plugin (https://github.com/messagerie-melanie2/roundcube_jquery_mobile) and the mobile plugin (https://github.com/messagerie-melanie2/roundcube_mobile/releases/tag/v0.4) in the plugins directory ? And you must add "mobile" in the $config['plugins'] array

FI, the latest release of the mobile skin in the 0.4 : https://github.com/messagerie-melanie2/roundcube_skin_melanie2_larry_mobile/releases/tag/v0.4