Can I call a function when pop-up modal is opened? | Community
Skip to main content

Can I call a function when pop-up modal is opened?

  • January 31, 2023
  • 3 replies
  • 0 views
Benessa

Hello,

I am currently using the Modal to display all the emails from a 3rd party that I retrieve using an API call. I have added a filter to display the Incoming and Outgoing emails using this method. 

I want all the emails to be displayed when the pop-up modal is opened so I added an onload function on the body of the modal.html

<body onload="filterSelection('all')">

All emails are showing up on the 1st instance when the pop-up modal was opened

but it will not show once the pop-up modal was opened again after it was closed the 1st time. I have 3 buttons that when clicked will open the modal so I am not sure if this is causing the issue.


I have attached screenshots of my modal.html and modal.js.

Let me know if you would like to see my code. Looking forward to any response.

Thank you,
Benessa

    3 replies

    Benessa
    • Benessa
    • Author
    • February 2, 2023

    Hi @ahmed11,

    Thank you for responding to my query.

    Yes, I am creating a new instance using this script

    client.invoke('instances.create', {
        location: 'modal',
        url: 'assets/modal.html',
        size: { // optional
          width: '80vw',
          height: '70vh'
        }
      }).then(function(modalContext) {
        // The modal is on the screen now!
        var modalClient = client.instance(modalContext['instances.create'][0].instanceGuid);
        client.on('modalReady', function setHtml(){
          modalClient.trigger('drawData', html);
          client.off("modalReady", setHtml);
        });
        modalClient.on('modal.close', function() {
        // The modal has been closed.
          console.log('The modal has been closed');
        });
      });

    Let me know if you want to see my whole code.

    Thank you,
    Benessa

    Benessa
    • Benessa
    • Author
    • February 27, 2023

    Hello @ahmed11, do you have other input to my question above?

    I've looked for ways to fix this issue but was not successful.

    Looking forward to any response.

    Thank you,
    Benessa

    Benessa
    • Benessa
    • Author
    • April 3, 2023

    Hi @ahmed11,

    No worries. I was able to solve it using CSS instead.

    Thank you for your help.

    Benessa

    Terms & ConditionsCookie settingsAccessibility statement