1. Home
  2. Forum
  3. Blazor
  4. Symbol Pallete Style

Symbol Pallete Style

How can I prevent SfSymbolPalette from using an accordion? Is there a way to turn off all the default styling? I want to have something similar to the image below.  

connectors.png


3 Replies
GG Gowtham Gunashekar Syncfusion Team July 27, 2021 11:01 AM UTC

 
Hi John, 
 
On the further analysis of the share details, we understood that you want to hide the header part of the symbol palette. We can use CSS to achieve your requirement. We suggest you set the "display: none " style to the particular Accordion element to prevent the SfSymbolPalette from using an accordion component. Refer below code snippet for more information. We have added a sample link for your references.  
 
Code snippet: 
<style> 
 .e-acrdn-header { 
 display: none; 
 } 
</style> 
 
 
 
Regards 
Gowtham.    


JO John July 27, 2021 11:07 AM UTC

Thanks, but I thought there might have been a setting to change the display. I just wanted to check before doing it with CSS.


GG Gowtham Gunashekar Syncfusion Team July 28, 2021 12:22 PM UTC

Hi John, 
 
On the further analysis of the shared details, we understood that you want to use a property to hide the header of the accordion, but we have only option to hide the header by using CSS and we don’t have any property to hide the header of the accordion. We suggest you set the "display: none " style to the particular Accordion element to prevent the SfSymbolPalette from using an accordion component. Refer below code snippet for more information. We have added a sample link for your references.    
 
Code snippet:  
<style>  
 .e-acrdn-header {  
 display: none;  
 }  
</style>  
  
  
  
Regards  
Gowtham.   


Loader.
Up arrow icon