How to load a predefined element with an id in Dom with mui overlay?

[mukuljp]

Currently new element is created on each overlay initialisation , instead i want show existing single div on every overlay call, is there any option in mui so that we can pass the id or class

[amorey]

If you keep the reference to your element, you should be able to use the same element on every overlay call:

<script>
  // initialize modal element
  var modalEl = document.createElement('div');
  modalEl.style.width = '400px';
  modalEl.style.height = '300px';
  modalEl.style.margin = '100px auto';
  modalEl.style.backgroundColor = '#fff';

  function activateModal() {
    // show modal
    mui.overlay('on', modalEl);
  }
</script>
<button class="mui-btn mui-btn-primary" onclick="activateModal()">Activate modal</button>

Let me know if that solves your problem.

[amorey]

@mukuljp Did that code snippet help to solve your problem?

[mukuljp]

yes ,that solved the issue, thank you@amorey