Style guide in Sugar CRM 7

Last Modified Date

SugarCRM 7 is built on a new framework. Launched towards the end of 2013, little help is available related to it. But diving inside Sugar 7 reveals that a lot of helpful documentation is available once you have installed it.

Navigating to the Admin panel, in the Developer Tools section treasure is hidden for developers. And this treasure is named “Styleguide (Lab)”. Once a user clicks on this link the next page shows categories that include Core Elements, Default Module Layout, Default List View, Default Record Create View, Example Sugar 7 Fields and Updating Documentation.


Default Module Layout, Default List View and Default Record Create View sections shows the new layout used for the list view and record view. The Core Elements section is the most interesting one as it includes HTML, CSS and JavaScript help for user interface components and interactions.

In comparison to version 6, the whole layout has changed in Sugar CRM 7 and getting to know about the CSS and JavaScript used for making the interactive interface of version 7 is a pleasure for the developers. Core Elements section further contain the following categorization:

  • Base CSS
  • Layout & Views
  • Form Elements
  • Dashboards
  • Components
  • Charting

These sections contain helpful documentation that users can explore anytime.


Rolustech is a SugarCRM Certified Developer & Partner Firm. We have helped more than 600 firms with various SugarCRM integrations and customization. Get in touch today for your FREE Business Analysis. We will be happy to assist you.

Need Help? Get Free Consultation

By clicking you agree to our Terms and Conditions

Send me news and updates

Get in touch

Contact Information