在Kendo顶部的Angular对话框中显示div

时间:2019-04-09 10:40:05

标签: angular kendo-ui kendo-ui-angular2

在此StackBlitz中,我有一个Kendo for Angular对话框。对话框中有一个position:absolute的div,我需要在该对话框的顶部而不是在其内部显示,并且该对话框不应包含任何滚动条。有没有办法做到这一点?

@Component({
    selector: 'my-app',
    template: `
        <kendo-dialog title="Kendo Dialog" 
              style="position:relative;overflow:visible"
             [width]="400" [height]="100">
            <div id="div1">Some text in the div</div>
        </kendo-dialog>
    `,
    styles: [`
         #div1 {
           position: absolute;
           top: 20px;
           left: 240px;
           width: 300px;
           z-index: 99990;
           background-color: #f0f0f0;
           border: 2px solid blue;
         }
    `]

})
export class AppComponent {

}

1 个答案:

答案 0 :(得分:0)

将此添加到组件样式:

    my-app .k-window-content {
        overflow: visible !important;
    }