# Image viewer

## Add an image viewer

1. Open an existing [application ](https://docs.novacura.com/flow-connect/working-with-connect/create-and-design/applications/create#create-application)or create a new one in an [application package](https://docs.novacura.com/flow-connect/working-with-connect/create-and-design/application-packages) and open it in the Designer.

   1. Add a User step. 
   2. Add an Image Viewer.
   3. In the URL, add the link "<https://is1-ssl.mzstatic.com/image/thumb/Purple112/v4/fc/e2/56/fce256cf-05e5-9efa-0df1-a28a24c820bb/AppIcon-0-1x_U007emarketing-0-0-0-7-0-0-85-220.png/512x512bb.jpg>"
   4. Click the **Play** button in the top right-hand corner to run the application in diagnostic mode.

   <figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2F4RhGBvz9jZULXgewk3Zz%2FImage%20viewer.png?alt=media&#x26;token=6fc52758-2d34-4e32-8124-613041f1dd52" alt=""><figcaption></figcaption></figure>
2. Go back to the Designer.

   1. In the Condition To Hide, write “{userId = “*your user id”*} *(the user Id you log in to Connect with)*
   2. Run the application in diagnostic mode again.

   <figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2FoHGixRKhz7mCgFwRtmor%2FWith%20border.png?alt=media&#x26;token=fabf8a31-f25e-4599-9864-41bbd0010540" alt=""><figcaption><p>The image is now hidden since the condition is fulfilled.</p></figcaption></figure>