<span>
    <input type="text" #anchor />
    <button type="button" click="toggleView()"><i class="fa fa-cog fa-2x"></i>
    </button>
</span>
<kendo-popup [anchor]="anchor"><!-- Some Content --></kendo-popup>

<div click="openDialog()"></div>
<div>
    <kendo-dialog *ngIf="showDialog">
        <comp-1></comp-1>
    </kendo-dialog>
</div>

<span>
    <input type="text" #anchor />
    <button type="button" click="toggleView()"><i class="fa fa-cog fa-2x"></i>
    </button>
    <kendo-popup [anchor]="anchor"><!-- Some Content --></kendo-popup>
</span>

<div click="openDialog()"></div>
<div>
    <kendo-dialog *ngIf="showDialog">
        <comp-1></comp-1>
    </kendo-dialog>
</div>

<div>
    <target-tag #anchor></target-tag>
</div>
<div>
    <kendo-popup [anchor]="anchor">
        <Content to display>
    </kendo-popup>
</div>

<input #anchor style="width: 100px"/>
        <button kendoButton (click)="toggle()">Toggle</button>
        <kendo-popup *ngIf="popupOpen" [anchor]="anchor" style="width: 100px">
          <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
          </ul>
        </kendo-popup>

<div id="popupdiv"></div>

 $("#popupdiv").kendoWindow({
            title: "Inforamtion",
            resizeable: true,
            scrollable: false,
            width: "50%",
            actions: ["Pin", "Close"],//["Pin", "Refresh", "Maximize", "Close"],
            modal: true,
            //  pinned: true,
            animation: {
                close: {
                    effects: "fade:out"
                },
            }
        });