# Equivalent to WINCC's Picture Window in Ignition

**URL:** <https://forum.inductiveautomation.com/t/equivalent-to-winccs-picture-window-in-ignition/70632>\
**Category:** Ignition\
**Tags:** vision, ignition79\
**Created:** [March 5, 2023, 10:30pm UTC](https://forum.inductiveautomation.com/t/equivalent-to-winccs-picture-window-in-ignition/70632 "2023-03-05T22:30:15Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![ferihandoyo](https://avatars.discourse-cdn.com/v4/letter/f/b19c9b/32.png) [@ferihandoyo](https://forum.inductiveautomation.com/u/ferihandoyo)\
**Post date:** [March 5, 2023, 10:30pm UTC](https://forum.inductiveautomation.com/t/equivalent-to-winccs-picture-window-in-ignition/70632/1 "2023-03-05T22:30:15Z")

</div>

Hello,

I am creating an summary page and would like to have set of rectangles which let user to 'view' status of other windows from there. The idea is similar to Picture Window in WINCC, where I can point to picture name and importantly have choice how to scale into the container rectangle.  
I thing in that can have strecthed, scaled, or no scale which will show horizontal and vertical scroll bars on the rectangle.  
Is there anything in Ignition that will let me achieve this? I am using v7.9

Thank you.

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [March 6, 2023, 12:38am UTC](https://forum.inductiveautomation.com/t/equivalent-to-winccs-picture-window-in-ignition/70632/2 "2023-03-06T00:38:55Z")

</div>

You have this tagged as Perspective, but that didn't exist in Ignition 7.9; are you sure your version is correct, or did you mean a different module such as Vision? This clarification will help us to provide the correct answer.

---

<div class="post-metadata">

**Author:** ![ferihandoyo](https://avatars.discourse-cdn.com/v4/letter/f/b19c9b/32.png) [@ferihandoyo](https://forum.inductiveautomation.com/u/ferihandoyo)\
**Post date:** [March 6, 2023, 4:04am UTC](https://forum.inductiveautomation.com/t/equivalent-to-winccs-picture-window-in-ignition/70632/3 "2023-03-06T04:04:34Z")

</div>

thanks for that. It's vision, Ignition 7.9

---

<div class="post-metadata">

**Author:** ![richardNZ15](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/richardnz15/32/33373_2.png) [@richardNZ15](https://forum.inductiveautomation.com/u/richardNZ15)\
**Post date:** [March 6, 2023, 4:25am UTC](https://forum.inductiveautomation.com/t/equivalent-to-winccs-picture-window-in-ignition/70632/4 "2023-03-06T04:25:36Z")

</div>

You can have screenshots of these other windows and display them as images, which i have done to allow people to navigate to various reports (with a preview of what the report **may** look like.

However i don't think there is any way to have a "live" or "dynamic" view of a window you've built in the Vision module.

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [March 6, 2023, 6:58am UTC](https://forum.inductiveautomation.com/t/equivalent-to-winccs-picture-window-in-ignition/70632/5 "2023-03-06T06:58:48Z")

</div>

I'm not familiar with winCC, but if I'm inferring correctly, this is a preview with mouse hover? If so, using Richards picture idea could work with Vision's mouseover text. Here is a method I developed some time ago that accomplishes this:

> [@Picture as mouseover text](https://forum.inductiveautomation.com/t/picture-as-mouseover-text/65513/3):
>
> I've been experimenting with this, and it took me a while to figure this out using built in icons. I used this to find the gateway address: print system.util.getGatewayAddress() and it returned: http://localhost:8088, so naturally, taking the original working code from @Corne_de_Jonge combined with @PGriffith's suggestion, I tried: \<html\>\<img src='file:http://localhost:8088/system/images/Builtin/icons/24/check2.png'/\>, but that does not work! file has to be changed to url, so the final and …

---

<div class="post-metadata">

**Author:** ![Arnaud\_Declerck](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/arnaud_declerck/32/44872_2.png) [@Arnaud\_Declerck](https://forum.inductiveautomation.com/u/Arnaud_Declerck)\
**Post date:** [March 6, 2023, 8:32am UTC](https://forum.inductiveautomation.com/t/equivalent-to-winccs-picture-window-in-ignition/70632/6 "2023-03-06T08:32:32Z")

</div>

Picture window in WIN CC is not a simple object to show a picture but more like the embedded view in Perspective, a window into another.  
I don't think vision have this possibility. The only work around that could maybe work is by the use of templates.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [March 6, 2023, 12:36pm UTC](https://forum.inductiveautomation.com/t/equivalent-to-winccs-picture-window-in-ignition/70632/7 "2023-03-06T12:36:44Z")

</div>

Yep, you'd need to move all the window content into a template for it to work in Vision

---

<div class="post-metadata">

**Author:** ![ferihandoyo](https://avatars.discourse-cdn.com/v4/letter/f/b19c9b/32.png) [@ferihandoyo](https://forum.inductiveautomation.com/u/ferihandoyo)\
**Post date:** [March 6, 2023, 4:22pm UTC](https://forum.inductiveautomation.com/t/equivalent-to-winccs-picture-window-in-ignition/70632/8 "2023-03-06T16:22:45Z")

</div>

with picture window, i will still see live values from the source picture.

I think the suggestion to make use of templates makes sense - although I don't think this will be the ideal solution, since it means I will have a set of templates for each picture that I want to have.  
It would be nice though, if this feature is available. it will help in migrating wincc pages across to ignition.  
thanks all.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [March 6, 2023, 7:04pm UTC](https://forum.inductiveautomation.com/t/equivalent-to-winccs-picture-window-in-ignition/70632/9 "2023-03-06T19:04:57Z")

</div>

Could be improved in a bunch of ways, but:

```python
if event.propertyName == "componentRunning":
	from javax.swing import JLabel, ImageIcon
	from com.jidesoft.popup import JidePopupFactory
	from com.inductiveautomation.ignition.client.util.gui import MouseAdapterEx
	
	class PreviewMouseAdapter(MouseAdapterEx):
		def __init__ (self, target):
			self.popup = None
			self.target = target
	
		def mouseEntered(self, mouseEvent):
			self.popup = JidePopupFactory.getSharedInstance().createPopup()
			self.popup.contentPane = JLabel(self._getPreview())
			system.util.invokeLater(self._updatePreview, 100)
			self.popup.showPopup(mouseEvent.getXOnScreen(), mouseEvent.getYOnScreen(), event.source)
			
		def _getPreview(self):
			image = system.print.createImage(self.target)
			return ImageIcon(image)
			
		def _updatePreview(self):
			if self.popup is not None:
				self.popup.contentPane.icon = self._getPreview()
				system.util.invokeLater(self._updatePreview, 100)
			
		def mouseExited(self, mouseEvent):
			if self.popup is not None:
				self.popup.hidePopup()
				
	PreviewMouseAdapter(
		target = system.gui.getWindow("test").rootContainer
	).install(event.source)	

```

![Kapture 2023-03-06 at 11.03.55](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/a/6aa65660eda7a8aa62015cd7b31cea7760aef9ee.gif)

---

<div class="post-metadata">

**Author:** ![Kevin.Herron](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kevin.herron/32/7259_2.png) [@Kevin.Herron](https://forum.inductiveautomation.com/u/Kevin.Herron)\
**Post date:** [March 6, 2023, 7:05pm UTC](https://forum.inductiveautomation.com/t/equivalent-to-winccs-picture-window-in-ignition/70632/10 "2023-03-06T19:05:50Z")

</div>

![maxresdefault](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/a/ca78c871020197a313b38a888fd7de707c9d785c.jpeg)

---

<div class="post-metadata">

**Author:** ![JThompson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jthompson/32/14854_2.png) [@JThompson](https://forum.inductiveautomation.com/u/JThompson)\
**Post date:** [March 8, 2023, 7:45pm UTC](https://forum.inductiveautomation.com/t/equivalent-to-winccs-picture-window-in-ignition/70632/11 "2023-03-08T19:45:23Z")

</div>

Greatest movie ever created!
