Hide the dashed blue border around the "ShowAddButton" in Kanban control

Question

Hello,When I enable the ShowAddButton for the Kanban columns, a dashed blue border appears around the button. Can you please let me know how to customise or hide this?Many thanks!

Vinitha Jeyakumar · Answer

Hi Claire, 
 
 
Greetings from Syncfusion support 
 
 
We have validated your query “Hide the dashed blue border around the "ShowAddButton" in Kanban control” 
 
Your requirement to customize the border around the ShowAddButton can be done by using the below CSS styles code. Please check the below code, 
 
Code snippet:  





.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button { 
        border: none; 
    } 
// To hide the border while focusing the add button. 
.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button:focus { 
        border: none; 
    }  
  
Please check the above code snippet and let us know if it satisfies your requirement. 
 
Regards, 
Vinitha.

Devinitely · Answer

Thank you, that works!

Vinitha Jeyakumar · Answer

Hi Claire, 
 
 
You are welcome. Please get back to us if you need any further assistance. 
 
Regards, 
Vinitha.