PrimeNG Angular2 css对话框

Question

您好我一直在使用angular2和PrimeNG 我有以下问题：我有一个对话框我无法动态垂直调整大小。

<div ng-reflect-raw-class="[object Object]" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow ui-dialog-draggable" style="display: block; visibility: visible; left: 250px; top: 67px; z-index: 1040; opacity: 1.056; width: 563px; ">
            <div class="ui-dialog-titlebar ui-widget-header ui-helper-clearfix ui-corner-top">


<p-dialog header="User details" [(visible)]="displayDialog" [responsive]="true" showEffect="fade" [modal]="true">

如果我添加一个height =“500”或其他内容，对话框的高度将会改变，但是看起来像这样：

我想在底部有保存按钮，并且能够看到所有内容。当房间可用时。

Answer 1

正确的方法是改变style.css

.ui-dropdown-panel {
    position: inherit !important;   
    top:0px !important;  
}

Answer 2

＆＃13;

＆＃13;

 .ui-dropdown-item span{
    font-size: 12px;
}

.ui-dropdown-items-wrapper{
    position: absolute;
    width: 100%;
    border: 1px solid #b4b1b0;
    border-radius: 5px;
}

＆＃13;

＆＃13;

＆＃13;

正确的方法是改变style.css 它解决了我的问题。

Answer 3

简单的方法是在组合后添加一些<br>或固定的高度div

PS：我注意到你一直在尝试使用styleClass向对话框添加一个类，不要添加括号。

示例：

<p-dialog header="User details" [(visible)]="displayDialog" [responsive]="true" showEffect="fade" [modal]="true" styleClass="userdialog">