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"> 

私は高さ]ダイアログボックスの高さが変わる=「500」または何か他のものを追加しますが、次のようになります場合は、次の

私は保存ボタンを持っていると思います一番下にあり、すべてを見ることができる。部屋があるとき。

Answer 1

簡単な方法は、コンボ

PS後<br>数または固定高さのdivを追加することです：私はあなたがstyleClassのを使用して、ダイアログにクラスを追加しようとしているの通知を持って、ブラケットを追加しないでください。

例：

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

Answer 2

正しい方法はstyle.cssに

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

Answer 3

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

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

に変更することです

正しい方法はstyle.cssで変更することです 私の問題を解決しました。