2016-07-08 17 views
0

Googleクローズを開始するにあたり、コントロール間の間隔をgoog.ui.Dialogにカスタマイズしようとしています。一例として、goog.ui.Dialog.ButtonSetのデフォルトボタンが一緒に少し近づいている:Googleクローズで境界線をプログラムで設定する方法

enter image description here

FireFoxのデバッガから、I成分に移動し、手動で境界を変更し、このようにすることができる:

enter image description here

この結果、望ましい結果が得られます。私はプログラム的に余裕を変更しようとした

enter image description here

var okButton = dialog.getButtonSet().getButton(goog.ui.Dialog.DefaultButtonKeys.OK); 
    okButton.style.marginRightWidth = 8; 
    okButton.style.marginRight = 8; 

が、これらの値は変更されません、ともから変更することはできませんダイアログは次のようになりますデバッガ。

この値を変更するにはどうすればよいですか?それとも可能ですか?これを実現するために、基本的なスタイルシートを変更する必要が本当にありますか?

+1

あなたはmarginRightではなくborderRightWidthを設定するもしかして:

<button style="margin-right: 8px;" disabled="" class="goog-buttonset-default" name="ok">OK</button> 

その例に続いて、このコードは、プログラムの間隔を変更します? – JonSG

+0

はい - ありがとうございます。しかし、それは変わりません。私はたくさんの組み合わせを試しましたが、これはダイアログを変更する実行可能な方法ではないようです。私は正しい変数を反映する答えを編集しました。 – Mike

答えて

0

スペーシングを編集する方法の1つは、クロージャクラスを無視してストレートJavaScriptに戻すことです。マージンは、デバッガでデバッガに手動で変更されたときにデバッガはこのことを示しています

var okButton = dialog.getButtonSet().getButton(goog.ui.Dialog.DefaultButtonKeys.OK); 
okButton.style = 'margin-right: 8px;'; 
関連する問題