Tutorial: Adding a custom component in the side-pane

In less than 30 minutes, we’ll walk you through the necessary steps to add your own custom component in the Sugar side-pane and establish communication between the latter and the main-pane.

Why, you wonder? The side-pane represents a large part of the real-estate we have in our views, but unfortunately many people don’t leverage it from a customization standpoint.  The side-pane has huge potential for customization!

In this tutorial, you’ll create a custom year book component in the side-pane of student records.  The component will display an image based on the first tag listed in the student’s record.