SFM-Broker/src/app/loan-edit/loan-edit.component.html

<div class="example-wrapper" style="opacity:1;">
    <kendo-dialog title="Please confirm" *ngIf="dialogOpened" (close)="close('dialog')" [minWidth]="250" [width]="650">

        <div class="example-wrapper">
            <div class="row">
                <div class="col-xs-12 col-sm-6 example-col">
                    <p>ColorGradient</p>
                    <kendo-colorgradient [value]="'#7e16c8'"></kendo-colorgradient>
                </div>
            </div>
         </div>
 
        <kendo-dialog-actions>
            <button kendoButton (click)="action('no')">No</button>
            <button kendoButton (click)="action('yes')" primary="true">Yes</button>
        </kendo-dialog-actions>
    </kendo-dialog>

    <kendo-window [minWidth]="200" [minHeight]="125" title="About" *ngIf="windowOpened" (close)="close('window')">
      <p style="text-align: center;">Additional info</p>
     </kendo-window>
  </div>