Freshdesk - Show Dialog - how to exit

App Platform
#1

Hello,

I’m wondering about the dialog box in Freshdesk. When a user presses the X button, what is called?
I would like to exit the app then the X is pressed, but can’t find the “trigger” name.

showdialog-21fb332a
showdialog-21fb332a2876×1608 442 KB

#2
#3

Hello @Octopus.
Thanks for reaching out. You can simply use the Instance Method within the Modal Instance to close it. For this there are some points I would like to share before hand.

  • You need to add the cdn link to fresh-client.js in your modal.html template to access app object
  • Using the app object you can reinitialize the app within the modal context and use the client.instance.close(); method to invoke the close Modal Method.

Here is a sample that worked for me.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <script
      src="https://static.freshdev.io/fdk/2.0/assets/fresh_client.js"
    ></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Modal</title>
  </head>
  <body>
    <h2>Heyy Modal</h2>
    <button id="close">Close</button>
  </body>
  <script defer>
    var client;

    init();

    async function init() {
      client = await app.initialized();
      showModalContext();
      addEventListeners();
    }

    function showModalContext() {
      client.instance.context().then(function (context) {
        console.log("Details of Modal Instance" , context);
      });
    }
    function addEventListeners() {
      document.querySelector("#close").addEventListener("click", function (e) {
        client.instance.close();
      });
    }
  </script>
</html>

Hope this helps :slight_smile:

1 Like
#4

Hello @Kunal_Singh !

Thank you for your input, I’ve something like that. And I used your model as well. And yes, it does close the window - but does not exit the app. I would like to trigger the “function onAppDeactivated()” when pressing the X button in the window.

Since I’ve realised the app does NOT stop with the closing of the dialog box.

Hope you have an idea

#5

Hi Octopus,

I too faced this issue. I sloved this issue by using client.instance.close() with the condition. Like if success response came from model page, close it.

Hope it will help you,
Thanks.

2 Likes
#6
#7

This topic was automatically closed 6 days after the last reply. New replies are no longer allowed.