Editable column name

[desmond]

So I know here in this question, there is clicking a button can edit the column. However, I think it would be better if the header itself is an editable textbox or something similar, so that user can directly edit by clicking on it. Is there a way to do so?

[Revanth Krishnan]

Hi Desmond, 

 

Greetings from Syncfusion support. 

 

Currently, we are validating your query from our end, we will update you with further details on or before 15^th Nov 2021. We appreciate your patience till then. 

 

Regards, 

Revanth 

[desmond]

I end up using a textbox in a self-defined custom KanbanColumn Template, now I can edit the header, but still, i am finding a way which I can remove the textbox border, and have the textbox transparent.

[Indrajith Srinivasan]

Hi Desmond, 

 

Good day to you, 

 

We have validated your reported query “But still, i am finding a way which I can remove the textbox border, and have the textbox transparent”. You can use the below CSS style to prevent the box-shadow being applied for the Textbox component. Use the below style from the application end. 

 

CSS styles: 

 

 

<style> 

    .e-kanban .e-header-row .e-header-cells .e-header-title .e-input-group.e-control-container.e-control-wrapper, 

    .e-kanban .e-header-row .e-header-cells .e-header-title .e-input-group.e-control-container.e-control-wrapper.e-input-focus { 

        box-shadow: unset; 

    } 

</style> 

 

 

Please let us know if the solution helps, 

 

Regards, 

Indrajith 

[desmond]

Thanks a lot for your codes, it is the code I need to use, that's a great code. Besides that, may I know where exactly can I find a list of CSS selectors (e.g.: e-control-wrapper,e-input-focus)? What I can see in the documentation page is just part of it. If I can see a page listing all CSS selectors, just like the Syncfusion API reference page, then that would be excellent.

[Indrajith Srinivasan]

Hi Desmond, 

 

The suggested CSS selectors are for the customized Textbox element rendered inside the Kanban Component, over-riding the default Textbox styles.  

 

Thanks for your valuable suggestions. We already have a plan, for including the style customizations for the Textbox component in the Blazor documentation. 

 

Regards,
Indrajith