Customize Status Bar

You can customize the status bar in Designer Component by adding custom items using the StatusBar class methods.

To know more about customizing the status bar, refer to Status Bar.

Follow the below steps to add a company contact mail (for example "us.sales@grapecity.com") as a status item in the status bar.

1. Initialize the designer instance.

   var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("designerHost"), '', spread);

2. Get the status bar instance using StatusBar.findControl method. This method accepts the host element or the host element id.

   var statusBar = GC.Spread.Sheets.StatusBar.findControl(document.getElementsByClassName("gc-statusBar"));

3. Add the status item using the StatusBar.StatusItem method.

   var spanItem = new GC.Spread.Sheets.StatusBar.StatusItem('spanItem', {menuContent: 'current span', value: 'Contact: us.sales@grapecity.com'});
   statusBar.add(spanItem);

The below output will be generated.