Multi Datatable Editor in same page with Bulma Style shows two Form.

erw13n

Hello,

I've two Datatables & Editor in the same page (separate by Tabs) that using Bulma style.
After Add/Edit/Delete on one Editor, when opening another Editor I can see there's two different Form.

Looking at Chrome Developer Tool, I can see that Element "modal DTED" is not removed when Modal is close.
It's different when using Default/Bootstrap where the Modal is removed on close.

Is there's any quick solution without modifying the Core Editor ?

erw13n

I end up modifying the editor.bulma.js
Add class "is-active" when show, and "is-hidden" when close the form.

open: function (dte, append, callback) {
     $(append).removeClass('is-hidden').addClass('m-form is-active');
     ...
close: function (dte, callback) {
     dom.content.find('.m-form.is-active').removeClass('is-active').addClass('is-hidden');
     ...

allan

Hi @erw13n,

Many thanks for the update and your suggested solution. It looks good to me I'd committed it in and it will be in Editor 2.0.5 (although I've removed the m-form part - that can be added back to the form if you want that.

Allan