<div class="container" style="max-width: 100%;">
    <div id="{{divElementId}}-diagram-toolbar" class="row">
        <div class="row" style="margin: 15px;">
            <div class="btn-toolbar pull-right" role="toolbar">
                <div class="btn-group" role="group" aria-label="..." style="margin-right: 5px;">                  
                </div>
                <button id="{{divElementId}}-download-button" type="button" class="btn btn-primary btn-sm disabled" style="display: block;">Download</button>
                <button id="{{divElementId}}-progress-button" type="button" class="btn btn-warning btn-sm disabled" style="display: none;">Generating downloadable files <span class='glyphicon glyphicon-refresh icon-spin'></span></button>               
            </div>
        </div>
    </div>
    <div id="{{divElementId}}-diagram-body" class="row" style="overflow: auto; width: 1000;">

    </div>
</div>