Answers

• colin Posts: 15,142Questions: 1Answers: 2,586

  July 2022 Answer ✓

  You can use open to add a class to the form. This example from this thread is doing something similar, here it's just adding CSS directly to make the form wider.

  Colin
• hgf_it Posts: 8Questions: 4Answers: 0

  August 2022

  Thanks for the advice.

  I went with your advice and hooked in to the open event and added a class to the modal-dialog to apply styling. In my case, I was using a custom template for my editor form so I knew the class that I'd added to that so I used a jQuery selector to get the closest .modal-dialog based on that class. See example below:

  this.editor.on('open', () => {
      $('#internal-checks-editor')
          .closest('.modal-dialog')
          .addClass('internal-checks-editor-form');
  })
  
• allan Posts: 61,642Questions: 1Answers: 10,093 Site admin

  August 2022

  It is actually possible to do this without waiting for an event. The displayNode() method will give you the node that Editor is using for the modal. You can then add a class to it, or one of its child elements.

  Regards,
  Allan