jQuery UI Dialog default options

Question

I'm using jQuery UI Dialog from Drupal 8 core (jQuery UI Dialog 1.11.4) to show node in modal, but default options doesn't suits me and I need to change them.

To show node (node id 12 in this example) in modal I'm using this from Drupal:

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

I tried to change defaults like this:

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

but I'm got empty modal with options I defined.

How I can just change these options and make it work?

Akshaya K T · Accepted Answer · 2017-05-09 11:57:50Z

1

You can add options to Dialog using "data-dialog-options" attribute. For example:

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

answered May 9, 2017 at 11:57

Akshaya K T

1952 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery UI Dialog default options

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related