jQueryのUIダイアログデフォルトのオプション

Question

私は、モーダルでノードを表示するために、Drupal 8コア（jQuery UIダイアログ1.11.4）からjQuery UIダイアログを使用していますが、デフォルトオプションは私に合っておらず、それらを変更する必要があります。私はDrupalのからこれを使用しているモーダル内のノード（この例ではノードID 12）を表示するに

：

$.extend($.ui.dialog.prototype.options, { 
      modal: true, 
      width: '100%', 
      height: '100%', 
      fluid: true, 
      resizable: false, 
      closeText: Drupal.t('Close it'), 
      hide: 'fadeOut', 
      show: 'fadeIn' 
      }); 

私は」

<a class="use-ajax" data-dialog-type="modal" href="/node/12">SHOW NODE</a> 

を私はこのようなデフォルトを変更しようとしました私は定義したオプションで空のモーダルを得ました。

どのようにこれらのオプションを変更して正常に機能させることができますか？

Answer 1

"data-dialog-options"属性を使用してDialogにオプションを追加できます。 例：

<a class="use-ajax" data-dialog-type="modal" data-dialog-options='{"width":"100%", "height":"100%", "fluid":"true", "resizable":"false", "hide":"fadeOut", "show":"fadeIn"}' href="/node/12">SHOW NODE</a>