Hello,
We are having trouble getting the diagram to display or react responsively. The code samples all seem to show fixed width and height for the DiagramView, e.g.:
@Html.DiagramView((DiagramView)ViewBag.DiagramView, new { style = "width:1000px; height:600px;" })
However, what we want to do is place the diagram within a Bootstrap panel or modal, so it should be responsive as the browser/screen size changes.
<div class="panel panel-default">
<div class="panel-body">
Render diagram here
</div>
</div>
I have looked through the answers to similar questions, but all of those seem to be displaying the diagram within a window, which has specific X and Y bounds. Our diagram is only one feature of a page, and setting a specific pixel height and width does not make it responsive. Rather, it exceeds the bounds of its containing div (the panel body div).
We would greatly appreciate any suggestions on how to render the diagram so it is responsive. Thank you!