org.eclipse.stem/releng/org.eclipse.stem.cloud.spring.ui/src/app/views/modeldesigner/modeldesigner.component.html

<div style="height: 100%">
  <div class="row" style="height: 60%">

      <div class="col-md-3 mb-3" style="height: 100%">
        <tabset style="height: 100%">
          <tab style="height: 100%">
            <ng-template tabHeading style="height: 100%"><i class="icon-list"></i> Project Explorer &nbsp;</ng-template>
          </tab>
        </tabset>
      </div><!--/.col-->
      <div class="col-md-9 mb-9" style="height: 100%">

      </div><!--/.col-->
  </div>
  <!--/.row-->

  <!--/.row-->
  <div class="row" style="height: 40%">

    <div class="col-md-12 mb-12" style="height: 100%">
      <!-- Nav tabs -->
      <tabset>
        <tab>
          <ng-template tabHeading><i class="icon-list"></i> Scenarios &nbsp;</ng-template>
           <div class="pre-scrollable">
            <tree [tree]="Scenarios"></tree>
           </div>
        </tab>
        <tab>
          <ng-template tabHeading><i class="icon-calculator"></i> Models &nbsp;</ng-template>
          <div class="pre-scrollable">
          <tree [tree]="models"></tree>
          </div>
        </tab>
        <tab>
          <ng-template tabHeading><i class="icon-pie-chart"></i> Graphs</ng-template>
          <div class="pre-scrollable">
            <tree [tree]="graph"></tree>
          </div>
        </tab>
        <tab>
          <ng-template tabHeading><i class="icon-list"></i> Predicate &nbsp;</ng-template>
           <div class="pre-scrollable">
            <tree [tree]="predicate"></tree>
           </div>
        </tab>
        <tab>
          <ng-template tabHeading><i class="icon-calculator"></i> Sequencer &nbsp;</ng-template>
          <div class="pre-scrollable">
          <tree [tree]="sequencer"></tree>
          </div>
        </tab>
        <tab>
          <ng-template tabHeading><i class="icon-pie-chart"></i> Triggers</ng-template>
          <div class="pre-scrollable">
            <tree [tree]="triggers"></tree>
          </div>
        </tab>
        <tab>
          <ng-template tabHeading><i class="icon-pie-chart"></i> Experiments</ng-template>
          <div class="pre-scrollable">
            <tree [tree]="experiments"></tree>
          </div>
        </tab>

      </tabset>
    </div><!--/.col-->
  </div>
  <!--/.row-->
</div>