I am facing a challenge while initializing jsPlumb with a variable number of starting windows, depending on the scenario. Due to the requirement of absolute positioning for the windows, they end up overlapping each other during initialization, making it difficult to set the CSS properly beforehand. Here's a snippet of my code:
<div class="flowchart-demo" id="tree">
@foreach (var level0 in Model.Level0)
{
<div class="window" id="@level0.Id"><strong>@level0.FirstName @level0.LastName</strong><span class="ep"></span></div>
}
<div class="break"></div>
@foreach (var level1 in Model.Level1)
{
<div class="window" id="@level1.Id"><strong>@level1.FirstName @level1.LastName</strong><span class="ep"></span></div>
}
<div class="break"></div>
@foreach (var level2 in Model.Level2)
{
<div class="window" id="@level2.Id"><strong>@level2.FirstName @level2.LastName</strong><span class="ep"></span></div>
}
</div>
Seeking advice or tips from anyone experienced with jsPlumb on how to dynamically initialize it to address this issue.
Appreciate any help in advance.