Symbol palette description text not shown right

[Yoshi]

Hello, can you tell me if there is something that can cause the description text on the symbols in the symbol palette to be shown like this, every time is a different symbol, and sometimes it renders right, but 98% of the time is broken.



Also is there a way that i can change the background color of the palette?

[Satheesh Kumar Balasubramanian]

Hi,

Query	Solution
Hello, can you tell me if there is something that can cause the description text on the symbols in the symbol palette to be shown like this, every time is a different symbol, and sometimes it renders right, but 98% of the time is broken.	We have created the sample to achieve your requirement. To resolve the issue you can set the margin property to the text dscription.  Please refer the below sample Code-snippet:   public getSymbolInfo(symbol: NodeModel): SymbolInfo {     // return { fit: true,  description: { text: symbol.shape['shape'], bold: true, fontSize: 15 } };     return { fit: true, width:90,description: { text: symbol.shape['shape'], color : 'red', bold: true, fontSize: 10, fontFamily : 'Arial' ,italic : true, textDecoration : 'Underline',  margin : {top : 10, left : 10, right : 10, bottom :5} } }   }
Also is there a way that i can change the background color of the palette?	Use the classname .e-remove-palette to set the background color to the palette   .e-remove-palette{   background-color:aqua; }

Sample:

https://stackblitz.com/edit/angular-9uc3wb-u7krga?file=app.component.html,app.component.ts,app.component.css

Documentation:

Regards,

Vivisa