Menu
Welcome, Guest
Username: Password: Remember me

TOPIC: SuiteCRM Responsive Theme

SuiteCRM Responsive Theme 4 years 8 months ago #11810

  • Will
  • Will's Avatar
  • Offline
  • Forum All-Star
  • Where there's a Will, there's a way!
  • Posts: 4242
  • Thank you received: 508
  • Karma: 143
SuiteCRM Responsive Theme

This topic is dedicated to any responsive theme suggestions, discussions, examples and contributions of/to a responsive theme for SuiteCRM.

For any general/current theme questions/issues please use the other topics/threads.

Kind Regards,

Will.
Support the Project - Github Twitter Facebook
Download the latest release: Download SuiteCRM 7.11
Last Edit: 4 years 8 months ago by Will.
The administrator has disabled public write access.

SuiteCRM Responsive Theme 4 years 8 months ago #11811

  • Will
  • Will's Avatar
  • Offline
  • Forum All-Star
  • Where there's a Will, there's a way!
  • Posts: 4242
  • Thank you received: 508
  • Karma: 143
Some screen shots below of a new Bootstrap based theme/UI with enhancements such as sidebar(can be toggled on/off), new quick links, responsive top menu, flat/simple focused UI design.











Support the Project - Github Twitter Facebook
Download the latest release: Download SuiteCRM 7.11
Last Edit: 4 years 8 months ago by Will.
The administrator has disabled public write access.
The following user(s) said Thank You: Doddsy, ghermans

SuiteCRM Responsive Theme 4 years 8 months ago #11826

  • Will
  • Will's Avatar
  • Offline
  • Forum All-Star
  • Where there's a Will, there's a way!
  • Posts: 4242
  • Thank you received: 508
  • Karma: 143
Adding to the responsive theme, dashlets now fold down/collapse for smaller screen resolutions meaning the user does not need to scroll horizontally or have dashlet views cut off.

Note: Dashlet content is not yet responsive(if dashlet is larger than screen in px it will overflow).

Dashlets collapsed in smaller view:



Full screen view:



Thanks,

Will.
Support the Project - Github Twitter Facebook
Download the latest release: Download SuiteCRM 7.11
Last Edit: 4 years 8 months ago by Will.
The administrator has disabled public write access.

SuiteCRM Responsive Theme 4 years 8 months ago #11993

  • hemantaseri1
  • hemantaseri1's Avatar
  • Offline
  • Senior Member
  • Posts: 58
  • Thank you received: 1
  • Karma: 0
Hello Will,
Is this currently available for suitecrm?


Regards:
Hemant
The administrator has disabled public write access.

SuiteCRM Responsive Theme 4 years 8 months ago #11996

  • Will
  • Will's Avatar
  • Offline
  • Forum All-Star
  • Where there's a Will, there's a way!
  • Posts: 4242
  • Thank you received: 508
  • Karma: 143
Hi Hemant,

It is very early in development. As you can see from the posts I have detailed some of the functionality. The theme is not currently available with the production releases or Beta for SuiteCRM.

If/when the code is accepted into the main release, we will let you know.

Thanks,

Will.
Support the Project - Github Twitter Facebook
Download the latest release: Download SuiteCRM 7.11
The administrator has disabled public write access.
The following user(s) said Thank You: Dusza

SuiteCRM Responsive Theme 4 years 8 months ago #11997

  • Nigel007
  • Nigel007's Avatar
  • Offline
  • Junior Member
  • Posts: 34
  • Karma: 1
Simply astounding. This is gonna be pivotal. Keep up the great work, Will.
The administrator has disabled public write access.

SuiteCRM Responsive Theme 4 years 8 months ago #12006

  • Will
  • Will's Avatar
  • Offline
  • Forum All-Star
  • Where there's a Will, there's a way!
  • Posts: 4242
  • Thank you received: 508
  • Karma: 143
Some updates to the UI. Tables are now contained within the view and do not overflow. They do however require some horizontal scrolling(but contained within the table). I will work to find a long term solution, but this is simply a progression/modification to the theme.

Admin panel is now tabbed so there is no scrolling required.

Quick Create option added to the sidebar for easy record creation.


Support the Project - Github Twitter Facebook
Download the latest release: Download SuiteCRM 7.11
Last Edit: 4 years 8 months ago by Will.
The administrator has disabled public write access.
The following user(s) said Thank You: wulfkonig

SuiteCRM Responsive Theme 4 years 8 months ago #12016

  • ChrisC
  • ChrisC's Avatar
  • Offline
  • Elite Member
  • Posts: 179
  • Thank you received: 36
  • Karma: 6
Looks awesome. 99% of field sales reps are on tablets, phones, and "phablets" and cannot function without responsive bootstrap theme that auto adapts to their touch screen size resolution.
The administrator has disabled public write access.

SuiteCRM Responsive Theme 4 years 8 months ago #12017

  • Will
  • Will's Avatar
  • Offline
  • Forum All-Star
  • Where there's a Will, there's a way!
  • Posts: 4242
  • Thank you received: 508
  • Karma: 143
Hi Chris,

Thanks for the feedback.

The new theme, once completed, should be fully responsive and adapt/fit to all screen sizes.

Currently, the menus, sidebars and admin panel have been made responsive with some enhancements/addition to current functionality. Dashlets fold down to 2 or 1 wide dependent on screen size too.

I have implemented the bootstrap table class so that tables are responsive, in a way, but require horizontal scrolling(of the tables, not the whole page).

The end goal will be to have fully responsive views where data folds down/responds fully dependent on the device.

Any suggestions/contributions are welcome, and you can see all theme developments by looking at the 'responsivetheme' branch on GitHub.

Thanks,

Will.
Support the Project - Github Twitter Facebook
Download the latest release: Download SuiteCRM 7.11
The administrator has disabled public write access.

SuiteCRM Responsive Theme 4 years 8 months ago #12021

  • hemantaseri1
  • hemantaseri1's Avatar
  • Offline
  • Senior Member
  • Posts: 58
  • Thank you received: 1
  • Karma: 0
Hello Will,
Thanks for information.
It's looks awesome. Thanks to you and your team for suitecrm work and we will wait for it.


Regards:
Hemant
The administrator has disabled public write access.

SuiteCRM Responsive Theme 4 years 8 months ago #12040

  • bashish
  • bashish's Avatar
  • Offline
  • New Member
  • Posts: 4
  • Karma: 0
Awesome! This looks unbelievable! This is going to make a huge difference in adoption. I was being forced to look at OROcrm and Zurmo because they are responsive.
Not meaning to be picky but is there anyway to change the coloured icons? They look like their from the 90's.
Thanks for the excellent upgrade!
The administrator has disabled public write access.

SuiteCRM Responsive Theme 4 years 8 months ago #12041

  • Will
  • Will's Avatar
  • Offline
  • Forum All-Star
  • Where there's a Will, there's a way!
  • Posts: 4242
  • Thank you received: 508
  • Karma: 143
Hi bashish,

I agree the icons are outdated. It has not yet been done, but may be in the pipeline somewhere. Most of the new icons I have implemented are vector fonts which are text, not images, and reduce the load. I don't think the icons can all be replaced by vector fonts in an upgrade safe way, but we will try to optimise and modernise all areas of the theme.

Thanks,

Will.
Support the Project - Github Twitter Facebook
Download the latest release: Download SuiteCRM 7.11
The administrator has disabled public write access.

SuiteCRM Responsive Theme 4 years 8 months ago #12067

  • bashish
  • bashish's Avatar
  • Offline
  • New Member
  • Posts: 4
  • Karma: 0
Great thanks! Hopefully the responsive charts at www.chartjs.org/ can be implemented with this at some stage. I wouldn't know where to start building this as a plugin.
cheers
The administrator has disabled public write access.

SuiteCRM Responsive Theme 4 years 8 months ago #12068

  • bashish
  • bashish's Avatar
  • Offline
  • New Member
  • Posts: 4
  • Karma: 0
bashish wrote:
Great thanks! Hopefully the responsive charts at www.chartjs.org/ can be implemented with this at some stage. I wouldn't know where to start building this as a plugin.
cheers
Attachments:
The administrator has disabled public write access.

SuiteCRM Responsive Theme 4 years 8 months ago #12091

  • Will
  • Will's Avatar
  • Offline
  • Forum All-Star
  • Where there's a Will, there's a way!
  • Posts: 4242
  • Thank you received: 508
  • Karma: 143
Some modifications/fixes/updates to the theme changer/colour selector for the SuiteCRM theme.

The colour picker will work with both the original theme and the new theme. It works with a js popup when the user clicks on the field, allowing a colour to be selected from a pallete or for a hexidecimal code to be manually entered.

This allows full customisation of button colours, menu colours, drop down menu colours and more.

Note: These colours are just an example to show how the theme can be modified.

Thanks,

Will.

Attachments:
Support the Project - Github Twitter Facebook
Download the latest release: Download SuiteCRM 7.11
Last Edit: 4 years 8 months ago by Will.
The administrator has disabled public write access.
Time to create page: 0.145 seconds
Powered by Kunena Forum