StackedHeaderRows does not appear correctly

[Sam Tran]

Hi,

Attached are some screenshots.

Notice in "HowItLooksInDemoApp.PNG" and "HowItLooksInMyApp.PNG", the line connecting the columns under a stacked header is not connected.

This makes if very hard to tell they are grouped under the header.

In "HowMyAppShouldLook.png" and "HowDemoAppShouldLook.PNG", is how I think it should look.

Also attached is a vbhtml page from the SyncFusion demo app for KanBan control.

Ideally, I would like that line for each stackedheader be connected and the stackedheader text should be centered across all its columns.

How could I accomplish this?

Thank you so much for your help!

Attachment: KanBanForSyncFusionSupport_cd409556.rar

[Buvana Sathasivam]

Hi Sam, 

  

Thanks for using Syncfusion Products. 

  

As per your code, Kanban stacked header bottom border was separated based on columns.  Because,  you are using “space” for after comma(,).  If you wish to stacked header with bottom border was not based on columns, you can remove space after comma.  Please refer the following code. 

  

KanbanFeature.vbhtml 

@Code 

    Dim kanbanbuilder = Html.EJ().Kanban("Kanban") 

        kanbanbuilder.StackedHeaderRows(Sub(rows) 

        rows.StackedHeaderColumns(Sub(columns) 

           columns.HeaderText("MyGroup").Column("Backlog,In Progress").Add() // Removed space after comma 

           columns.HeaderText("MyGroup1").Column("Done").Add() 

      End Sub).Add() 

    End Sub) 

kanbanbuilder.Render() 

End Code 

  

For your convenience, we have prepared the simple sample with your requirement.  Please refer link on below. 

Sample: http://www.syncfusion.com/downloads/support/forum/132780/ze/WebApplication44-487500961  

  

Regards, 

Buvana S. 

  

[Sam Tran]

Thanks!  I never would have guessed the space caused that!

[Buvana Sathasivam]

Hi Sam,   

 

We are glad to know that your problem is solved.  Please let us know if you need any assistances, we would be happy to assist you.        

   

Regards,   

Buvana S.