SpreadJS 15
SpreadJS Designer Component / Customizations / Customize Status Bar
In This Topic
    Customize Status Bar
    In This Topic

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

    To know more about customizing 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.
      JavaScript
      Copy Code
      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.
      JavaScript
      Copy Code
      var statusBar = GC.Spread.Sheets.StatusBar.findControl(document.getElementsByClassName("gc-statusBar"));
      

    3. Add the status item using the StatusBar.StatusItem method.
      JavaScript
      Copy Code
      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.