jquery - jQuery UI ダイアログのレイアウト

Question

このスペースを削除する方法はありますか?

jQuery ui-dialog

http://jsfiddle.net/sumanthreddy/bps6e/8/でこれを見つけてください

Answer 1

あなたはcssでそれを行うことができます

#rolling {
   height: 80px !important;
}

http://screencast.com/t/VNpe7ODkh2Ar

Answer 2

これを css に追加します。

#cancel, .buttonDiv {
    position: absolute;
    bottom: 0;   
    right: 5px;
}

そしていとこ skeeter の愛のために、その CSS ファイル全体を簡略化してコンパクトにしてください。これが景品です。

これ（あなたのもの）：

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
border-top-color: #2ba1b5;
border-bottom-color: #2ba1b5;
border-left-color: #2ba1b5;
border-right-color: #2ba1b5;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
background-color: rgb(231,238,249);

その（私の）：

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0;
clear: both;
border: 1px solid #2ba1b5;
background: rgb(231,238,249);

Answer 3

initializeDevice関数の最後の行にこの行があります

jQuery("#rolling").dialog('open');

に変更するだけです

jQuery("#rolling").dialog('open').css('height', '90px'); // or less

デモ。 しかし、あなたもcss同様にそれを行うことができ、その答えはすでに与えられています。