1. Home
  2. Forum
  3. Vue
  4. Symbol palette header error

Symbol palette header error

Uncaught TypeError: Failed to set an indexed property on 'HTMLCollection': Index property setter is not supported.
    at SymbolPalette.onPropertyChanged (symbol-palette.js?57c9:280)
    at SymbolPalette.Base.dataBind (base.js?3923:112)
    at SymbolPalette.Component.dataBind (component.js?c155:173)

I am facing this error when I am deleting one of the palettes from the symbol palette container and clicking on the next palette header(Accordion)

1 Reply
AR Aravind Ravi Syncfusion Team May 27, 2020 08:43 AM UTC

Hi Sunil, 

We are unable to reproduce the reported issue at our end. We have created a sample to remove the palette at run time by using removePalettes public API method. To use removePalettes method in sample please upgrade your version to our latest version (18.1.54). To remove the palette from symbol palette at run time use the removePalettes method. In the removePalettes() method pass the id of the palette  that you want to remove at run time. Please find the below code snippet of how to use removePalettes method. 

methods: { 
        greet: function (event) { 
        var palette = this.$refs.symbolpalette.ej2Instances; 
         palette.removePalettes(['flow2']); 
    } 

We have attached a video demonstration that after remove palettes and click on palette header we does not face any exception. Please find the video in below link 



Regards 
Aravind Ravi 


Loader.
Up arrow icon