<div class="income-container">
  <kendo-splitter orientation="vertical" style="height: 100%;">

    <kendo-splitter-pane  [collapsible]="false">
      <div class="pane-content">
        <h3>Outer splitter / Middle pane</h3>
        <p>Resizable only.</p>
      </div>
    </kendo-splitter-pane>


    <kendo-splitter-pane [collapsible]="true" size="50%">
      <kendo-splitter class="full-height">

        <kendo-splitter-pane size="300px">
          <div class="pane-content">
            <app-lender-uploads (success)="onSuccess($event)"></app-lender-uploads>
          </div>
        </kendo-splitter-pane>

        <kendo-splitter-pane  >
          <div class="pane-content">
            <div *ngFor="let u of uploads" class="aaaa">
              Type: {{u.files[0].extension}}
              Name: {{u.files[0].name}}
              Funder: Name: {{u.response.body.Funder}}
            </div>
          </div>
        </kendo-splitter-pane>
      </kendo-splitter>




    </kendo-splitter-pane>
  </kendo-splitter>
</div>
