How to make header static

[Matias Mutz]

Hello!

I want to know how to make static the header of the kanban. I have been trying to do it but i have a problem. The cards seem to be like in the front. I will explain this with images:


That is when it is okay because i am at the top of the page but look at this:

Is there an option or action to make static and to make the header be always at front so the user can understand what it says? Thanks!

[Balasubramanian Sattanathan]

Hi Matias, 

Greetings from Syncfusion Support. 

We have validated your requirement at our end and let you know that we can achieve this by providing the static height like below. We have prepared a sample for your reference that can be downloaded from the below link. 

<SfKanban TValue="TasksModel" Height="800px" KeyField="Status" DataSource="Tasks"> 

Sample: https://www.syncfusion.com/downloads/support/forum/160639/ze/Kanban_swimlane_sample-1817734201.zip 

Kindly try the above solution and let us know if this is helpful. 

Regards, 

Balasubramanian S 

[Matias Mutz]

Hi Balasubramanian,

Thanks for the reply. I have tryed what you have sent to me but it has the same problem as the one i have. I think that maybe is something related with the z-index and the priority. 
I will give you the code that i am using right now, maybe it helps to find the solution.

Thanks, Matias.

Attachment: Kanban_8dd779da.rar

[Balasubramanian Sattanathan]

Hi Matias, 

Thanks for the reply. 

We have analyzed your shared file and let you know that you have missed to set the height for the Kanban which is the cause for the reported problem. And also we could not add the HTML elements in the intermediate of the components like your shared code, please get back to us for further assistance. 

<SfKanban TValue="TasksModel" Height="800px" KeyField="Status" DataSource="Tasks"> 

Regards, 

Balasubramanian S