Update sidebar widget when different ticket is opened

Hi,

I'm writing a small Private Zoho Desk integration that shows in the marketplace sidebar on tickets.

I'm able to show the ticket details. However, when I open a different ticket, the details don't update. How can I make the widget update itself to reflect the current ticket information. This is the HTML that I wrote:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Information Display</title>
</head>
<body>
  <div id="userInfo">Loading user information...</div>
  <div id="ticketInfo">Loading ticket information...</div>
  <div id="dateTime">Current Date and Time: </div>
  <script src="https://js.zohostatic.com/support/developer_sdk/v1/js/ZohoDeskClientSDK.min.js"></script>
  <script type="text/javascript">
    window.onload = function () {
      ZOHODESK.extension.onload().then((App) => {
        // Display the current date and time in ISO 8601 format
        const now = new Date();
        document.getElementById('dateTime').textContent = 'Current Date and Time: ' + now.toISOString();

        // To get the particular property of the user
        ZOHODESK.get("user.fullName").then(function (userResponse) {
          console.log(userResponse["user.fullName"]);
          document.getElementById('userInfo').textContent = 'User Full Name: ' + userResponse["user.fullName"];
        }).catch(function (error) {
          console.error('Failed to get user full name:', error);
          document.getElementById('userInfo').textContent = 'Failed to load user information.';
        });

        // To get the ticket ID
        ZOHODESK.get("ticket.id").then(function (response) {
          console.log(response["ticket.id"]);
          document.getElementById('ticketInfo').textContent = 'Ticket ID: ' + response["ticket.id"];
        }).catch(function (err) {
          console.error('Failed to get ticket ID:', err);
          document.getElementById('ticketInfo').textContent = 'Failed to load ticket information.';
        });

        console.log(App);
      });
    }
  </script>
</body>
</html>

Access your files securely from anywhere

Zoho Developer Community

New to Zoho LandingPage?

Access Zoho LandingPage

Zoho LandingPage Resources

New to Zoho Survey?

Access Zoho Survey

Latest Feature Updates

Explore our Pricing & Plans

Zoho Survey Resources

Android Mobile Surveys

Insurvey Blogs

Insight Blogs

Tips & Tricks

New to Zoho CRM Plus?

Deliver unforgettable customer experiences

ACCESS ZOHO CRM PLUS

New to Zoho CRM Plus?

Deliver unforgettable customer experiences

ACCESS ZOHO CRM PLUS

New to Zoho Marketing Plus?

Everything you need to run your marketing

ACCESS ZOHO MARKETING PLUS

New to Zoho Marketing Plus?

Everything you need to run your marketing

ACCESS ZOHO MARKETING PLUS

New to Bigin?

Signup Now

Access Bigin

Latest Feature Updates

Zoho Desk Resources

Desk Community Learning Series
Digest
Functions
Meetups
Kbase
Resources
Glossary
Desk Marketplace
MVP Corner
Word of the Day

Tout forum

France ZUGs

Zoho SalesIQ Resources

Topic Participants
Joey
Hugh Marshall

Sticky Posts
What's new on Zoho Marketplace
You can now find newly published "What's new on Zoho Marketplace" articles on Zoho Marketplace's Knowledge Base. Work smarter by adding new capabilities to your Zoho apps with business solutions from Zoho Marketplace. Explore Zoho Marketplace

New to Zoho Social?

Manage your brands on social media

Access Zoho Social