sugar-ui-customization

Generate custom SugarCRM Sidecar UI views, layouts, dashlets, and metadata overrides using Backbone and Handlebars.

6|3|Updated Oct 27, 2025
One-click install
npx skills add https://github.com/sugarcrm-developers/ai-for-sugar-devs --skill sugar-ui-customization
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sugar-ui-customization
Source: https://github.com/sugarcrm-developers/ai-for-sugar-devs/tree/main/skills/sugar-ui-customization
Command: npx skills add https://github.com/sugarcrm-developers/ai-for-sugar-devs --skill sugar-ui-customization

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires SugarCRM, Backbone.js, Handlebars.js, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill unit helps customize the UI of SugarCRM modules by allowing developers to add or modify views, layouts, dashlets, subpanels, and module metadata.

Core Features & Use Cases

  • Custom Views & Layouts: Modify existing or create new Backbone.js views and Handlebars templates.
  • Dashlets & Subpanels: Extend the dashlets and subpanels functionality for SugarCRM modules.
  • Metadata Overrides: Modify module metadata for UI elements like buttons and panels.
  • Use Case: Imagine you want to create a custom dashboard widget for SugarCRM. Use this Skill unit to create a custom dashlet that fetches data from another module and displays it in your dashboard.

Quick Start

Generate a custom UI component for your SugarCRM module using the sugar-ui-customization skill and the AI-assisted MLP Generator.

Frequently Asked Questions about sugar-ui-customization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I customize SugarCRM Sidecar views and layouts using Backbone.js?

To customize SugarCRM Sidecar views and layouts, you can modify existing or create new Backbone.js views and Handlebars templates, extending the application's user interface components directly.

What is the best way to build a custom dashlet for a SugarCRM module?

Building a custom dashlet for a SugarCRM module involves extending Sidecar dashlet functionality to fetch and display data from other modules within your dashboard using Backbone.js and Handlebars.

Can I override SugarCRM module metadata to modify UI buttons and panels?

Yes, you can override SugarCRM module metadata to modify UI elements like buttons and panels, allowing you to adjust the interface layout and available actions without altering the core application logic.

Do I need Handlebars.js to create custom subpanels in SugarCRM?

Yes, Handlebars.js is required alongside Backbone.js to create custom subpanels in SugarCRM, as these frameworks form the foundation for rendering and managing the Sidecar UI components.

What are the limitations of using Backbone.js for SugarCRM UI customization?

Using Backbone.js for SugarCRM UI customization is limited to the Sidecar framework's capabilities, meaning customizations are bound by existing metadata structures and client-side rendering constraints.

When do I need to modify SugarCRM module metadata for UI customization?

You need to modify SugarCRM module metadata for UI customization when you want to add, remove, or alter UI elements like buttons and panels, ensuring the interface reflects your custom views and layouts.