Как можно установить границу в программе Google Closure

Question

Я только начинаю с Google Closure и пытаюсь настроить расстояние между элементами управления в goog.ui.Dialog. В качестве примера, кнопки по умолчанию в goog.ui.Dialog.ButtonSet немного близко друг к другу:

С FireFox Debugger, я могу перейти к компоненту и вручную изменить границы, как это:

Это дает желаемый результат. Теперь диалог выглядит следующим образом:

Я попытался изменить маржу программно с помощью:

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

но эти значения не изменятся, а также не может быть изменен с отладчик.

Как я могу изменить это значение на лету? Или это даже возможно - действительно ли мне нужно изменить базовую таблицу стилей, чтобы выполнить это?

Answer 1

Один из способов редактирования интервала - вернуться к прямому JavaScript, игнорируя классы Closure. Отладчик показывает это, когда запас изменяется вручную в отладчике в отладчике:

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

После этого примера, этот код программно изменяет интервал:

var okButton = dialog.getButtonSet().getButton(goog.ui.Dialog.DefaultButtonKeys.OK); 
okButton.style = 'margin-right: 8px;';