Show Zendesk Garden Modal Component in middle of screen | Community
Skip to main content

Show Zendesk Garden Modal Component in middle of screen

  • October 25, 2023
  • 6 replies
  • 0 views

Hello all,

I have implemented a React app as a ticket sidebar app in the support module. In this sidebar app, I use the modal component of Zendesk-Garden, the modal is then also displayed in the sidebar.

Is there a way to have the modal displayed in the middle of the screen and not in the sidebar?

I would be very grateful for any tips and help.

Many greetings
Norbert

6 replies

  • Author
  • October 25, 2023

Hi @ahmed11,

thank you for your quick reply.

I have already tried the approach of triggering a second app location as described under "Modal".

However, the problem occurs with the key url. Here, only an absolute URL is possible or a project file that begins with /assets. However, I would like to display a PDF in the modal using the React PDF Viewer.

Is it possible at all to combine this "Modal" with a React component?

Many thank in advance for your efforts.


김소라
  • October 31, 2023

I too am experiencing the same problem. Please advise.


김소라
  • November 15, 2023

Thank you. I solved the problem with your help.

Thank you so much!


  • Author
  • November 20, 2023

Hello @ahmed11,

thank you very much for your efforts and the detailed answer. Your solution approach looks very promising. I will give it a try and hope that it is a solution to my problem.


Ignacio16
  • July 29, 2024

Hey, Norbert, could you solve this? I also want to show a react component inside this modal but I'm not finding any solutions.


  • Author
  • July 30, 2024

Hello Ignacio,

unfortunately I couldn't find a way to display a React component inside a modal. That's why I decided to work without React in my specific case.

Best regards
Norbert