jqwidgets-framework
Version:
jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.
28 lines • 1.4 kB
HTML
<jqxSplitter [width]="getWidth()" [height]='600' [panels]='mainSplitterPanels'>
<div>
<jqxKanban id="kanban1" #myKanbanOne
[width]='"100%"' [height]='"100%"' [source]='dataAdapter'
[columns]='kanbanOneColumns' [connectWith]='"#kanban2, #kanban3"'
[resources]='resourcesAdapterFunc()' [columnRenderer]='kanbanOneColumnRenderer'>
</jqxKanban>
</div>
<div>
<jqxSplitter [width]='"100%"' [height]='"100%"'
[orientation]='"horizontal"' [panels]='rightSplitterPanels'>
<div>
<jqxKanban id="kanban2" #myKanbanTwo
[width]='"100%"' [height]='"100%"' [source]='dataAdapter2'
[columns]='kanbanTwoColumns' [connectWith]='"#kanban1, #kanban3"'
[resources]='resourcesAdapterFunc()' [columnRenderer]='kanbanTwoColumnRenderer'>
</jqxKanban>
</div>
<div>
<jqxKanban id="kanban3" #myKanbanThree
[width]='"100%"' [height]='"100%"' [source]='dataAdapter3'
[columns]='kanbanThreeColumns' [connectWith]='"#kanban2, #kanban1"'
[resources]='resourcesAdapterFunc()' [columnRenderer]='kanbanThreeColumnRenderer'>
</jqxKanban>
</div>
</jqxSplitter>
</div>
</jqxSplitter>