Customize footer icons

Customize footer icons

Posted by: gautam.kumar on 4 June 2021, 10:52 pm EST

• 

  gautam.kumar

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 4 June 2021, 10:52 pm EST

  I am trying to add new icon with to perform tasks, like showing all the spread tabs name on clicking the that icon and perform on-click functionality.
  
  Is it possible?

  It is possible customizing new sheet icon (the + icon at footer level), like replacing with different icon, on-click function?

  Adding icons in tabs name?

  Thanks

• 

  avinash.pathak

  

  • Post Options:
  • Link
    Copy

  Posted 7 June 2021, 12:01 am EST

  Hi Gautam,

  We are sorry but replacing the new Tab Icon is currently not supported but we have made an enhancement request on your behalf. We will update you once we have any information from the team. The internal id for this issue will be SJS-8921.

  Further, for overriding the click functionality of newTab icon you may use the SheetChanging Event. Please refer to the following code snippet and let us know if you face any issues.

  
    spread.bind(GC.Spread.Sheets.Events.SheetChanging, (e, args) => {
      if (args.propertyName === "insertSheet") {
        let oldSelectedIndex = spread.getActiveSheetIndex();
        //cancel the deafult behaviour
        args.cancel = true;
        alert("newTabIcon Clicked");
        // perform Some action here
        //set the active which was previousally selected
        spread.setActiveSheetIndex(oldSelectedIndex);
      }
    });
  
  

  SheetChanging: https://www.grapecity.com/spreadjs/docs/v14/online/SpreadJS~GC.Spread.Sheets.Events~SheetChanging_EV.html

  Regards,
  
  Avinash