Removing the separator in menu tabs dropdown

Removing the separator in menu tabs dropdown

Posted by: sunil.mehta on 8 July 2025, 6:19 am EST

• 

  sunil.mehta

  • Post Options:
  • Link
    Copy

  Posted 8 July 2025, 6:19 am EST

  Hi,
  
  I wanted to know if I can render the separator conditionally in the menu tabs dropdown
  
  Attaching the screenshot for the same

• 

  priyam.kushwaha

  

  • Post Options:
  • Link
    Copy

  Posted 10 July 2025, 2:28 am EST - Updated 10 July 2025, 2:33 am EST

  Hi,

  As I understand, you want to conditionally render the separator.

  This can be done by dynamically modifying the configuration based on your conditions. Please refer to the attached GIF and sample: https://jscodemine.mescius.io/share/AN0NRQp8qUOeEK1chOwpIw/?IsEmbed=false&Theme=Unset&PreviewDirection=0&IsEditorShow=true&IsExplorerShow=true&IsPreviewShow=true&IsConsoleShow=true&IsRunBTNShow=false&IsResetBTNShow=false&IsOpenInCodemineBTNShow=false&PanelWidth=20&PanelWidth=50&PanelWidth=30&defaultOpen={"OpenedFileName"%3A["%2Findex.html"%2C"%2Fsrc%2Fapp.jsx"]%2C"ActiveFile"%3A"%2Fsrc%2Fapp.jsx"}

  In this sample, a checkbox is used to simulate the condition under which the separator is added or removed.

  GIF:

  References:

  • Config API: https://developer.mescius.com/spreadjs/api/designer/modules/GC.Spread.Sheets.Designer#defaultconfig)

  Regards,
  
  Priyam