# Project screenshots - share yours

**URL:** <https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513>\
**Category:** General Discussion\
**Created:** [January 25, 2008, 12:19pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513 "2008-01-25T12:19:09Z")\
**Posts on this page:** 20\
**Page:** 9

<div class="post-metadata">

**Author:** ![Aiasa21](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@Aiasa21](https://forum.inductiveautomation.com/u/Aiasa21)\
**Post date:** [June 29, 2022, 7:00pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/163 "2022-06-29T19:00:34Z")

</div>

Hi guys, I would like to ask you how should be possible to make the effect of the “popup” (if is a popup) at second 39 of the Home Automation project of @nader.chinichian.

I would like to make something similar, I try to create a popup and even use the accordion component but I’m very far from the result in the video.

[Home Automation](https://www.youtube.com/watch?v=R17np48W83g)

Thanks for the help

---

<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:** [June 29, 2022, 8:44pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/164 "2022-06-29T20:44:33Z")

</div>

Are you talking about the docked view? Look in the page configuration and you should see you can add views to the NESW borders of the page. These views are always running for pages that have theses docks. They’re not popups which close and stop running, they’re just views that slide into view

---

<div class="post-metadata">

**Author:** ![Aiasa21](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@Aiasa21](https://forum.inductiveautomation.com/u/Aiasa21)\
**Post date:** [June 30, 2022, 6:39am UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/165 "2022-06-30T06:39:48Z")

</div>

Hi @nminchin , yes I’m talking about it, I manage to make it work, thanks for your help

---

<div class="post-metadata">

**Author:** ![Parth\_Pandya](https://avatars.discourse-cdn.com/v4/letter/p/5f9b8f/32.png) [@Parth\_Pandya](https://forum.inductiveautomation.com/u/Parth_Pandya)\
**Post date:** [July 12, 2022, 4:37pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/166 "2022-07-12T16:37:34Z")

</div>

Hi nader,  
i am beginner in ignition so need help, i am using vision and how did you use moving text? i created timer and set with horizontal alignment its working to right center and left. which is good but not as yours

Thanks,  
Parth

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [July 13, 2022, 5:15am UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/167 "2022-07-13T05:15:51Z")

</div>

Hi Parth,

You have to use CSS transition property in your label and change X y property of your label by binding them to your logic

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [July 13, 2022, 8:54am UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/168 "2022-07-13T08:54:53Z")

</div>

> [@Parth\_Pandya](#):
>
> i am using vision

Nader was not using Vision. In Vision, the scripting function [system.gui.transform](https://docs.inductiveautomation.com/display/DOC81/system.gui.transform) can make animations.

---

<div class="post-metadata">

**Author:** ![Parth\_Pandya](https://avatars.discourse-cdn.com/v4/letter/p/5f9b8f/32.png) [@Parth\_Pandya](https://forum.inductiveautomation.com/u/Parth_Pandya)\
**Post date:** [July 13, 2022, 7:28pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/169 "2022-07-13T19:28:09Z")

</div>

hi pturmel,

thanks, it s working now with system.gui.transform

Thanks,  
Parth

---

<div class="post-metadata">

**Author:** ![Michael\_Smith](https://avatars.discourse-cdn.com/v4/letter/m/df788c/32.png) [@Michael\_Smith](https://forum.inductiveautomation.com/u/Michael_Smith)\
**Post date:** [July 26, 2022, 3:27pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/170 "2022-07-26T15:27:07Z")

</div>

I’ve been trying to figure out how you made the OEE gauge and failing 😀 Any tips?

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [July 26, 2022, 4:24pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/171 "2022-07-26T16:24:27Z")

</div>

Apex chart

---

<div class="post-metadata">

**Author:** ![Michael\_Smith](https://avatars.discourse-cdn.com/v4/letter/m/df788c/32.png) [@Michael\_Smith](https://forum.inductiveautomation.com/u/Michael_Smith)\
**Post date:** [July 26, 2022, 5:57pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/172 "2022-07-26T17:57:06Z")

</div>

Ah. Guess I’m going to go down that rabbit hole. 😆 Thanks!

---

<div class="post-metadata">

**Author:** ![Ahmed\_mohamed](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ahmed_mohamed/32/53025_2.png) [@Ahmed\_mohamed](https://forum.inductiveautomation.com/u/Ahmed_mohamed)\
**Post date:** [July 26, 2022, 7:12pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/173 "2022-07-26T19:12:55Z")

</div>

you can do it by Apex chart as [nader](https://forum.inductiveautomation.com/u/nader.chinichian) mentioned before  
but in this dashboard there are three simple gauges 😅

---

<div class="post-metadata">

**Author:** ![arielking](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/arielking/32/32412_2.png) [@arielking](https://forum.inductiveautomation.com/u/arielking)\
**Post date:** [August 12, 2022, 1:57am UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/174 "2022-08-12T01:57:03Z")

</div>

I share my latest project, Integration of biometric equipment, facial fingerprint, automatic synchronization from computers and users to the database, manual synchronization for the storage of fingerprints and records in the informix database. with the ZKTECO equipment brand

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/5/65002d1872d9710ab5f165306712c2133949fea0.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/c/0c0fa9aac56c5c8051d21914ae5807d384bec0cb.jpeg)

---

<div class="post-metadata">

**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\
**Post date:** [February 23, 2023, 1:46pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/175 "2023-02-23T13:46:16Z")

</div>

What devices do you use to get the power consumption per line and get that into Ignition?  
Your page looks really good to me.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/2/c249c45b6c7534a9e52db209046322b8db2c961e.png)

---

<div class="post-metadata">

**Author:** ![Eugene49](https://avatars.discourse-cdn.com/v4/letter/e/c6cbf5/32.png) [@Eugene49](https://forum.inductiveautomation.com/u/Eugene49)\
**Post date:** [April 15, 2023, 12:35pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/176 "2023-04-15T12:35:45Z")

</div>

In ignition, can you animate, for example the water height in a water tank image, such that image of water height is proportional to the tag level sensor signal?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [April 15, 2023, 12:49pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/177 "2023-04-15T12:49:16Z")

</div>

Yes, Perspective has tank components but you can do the same thing with labels and make rather nice components.

[![](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/6/061242577aa5acf115d9e535c29b9031e1402a3e.gif) ](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/6/061242577aa5acf115d9e535c29b9031e1402a3e.gif)

See my answer here: [How to make the circle icon as in image in perspective - #21 by Transistor](https://forum.inductiveautomation.com/t/how-to-make-the-circle-icon-as-in-image-in-perspective/72079/21).

---

<div class="post-metadata">

**Author:** ![shabir.ahmed](https://avatars.discourse-cdn.com/v4/letter/s/a88e4f/32.png) [@shabir.ahmed](https://forum.inductiveautomation.com/u/shabir.ahmed)\
**Post date:** [April 30, 2023, 5:45pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/178 "2023-04-30T17:45:18Z")

</div>

Hi I apologize for late reply. I fetched data from Siemens PAC energy meters and Schneider energy meters. Stored data into SQL DB for this dashboard.

---

<div class="post-metadata">

**Author:** ![shabir.ahmed](https://avatars.discourse-cdn.com/v4/letter/s/a88e4f/32.png) [@shabir.ahmed](https://forum.inductiveautomation.com/u/shabir.ahmed)\
**Post date:** [May 7, 2023, 5:34pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/179 "2023-05-07T17:34:13Z")

</div>

Hi Ariel, I like your project and i am looking to connect with ZKteco inbio460 module. Can you explain how did you got the data. It's from DB or direct from device. I need to know if such information is available.

---

<div class="post-metadata">

**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\
**Post date:** [May 9, 2023, 1:22pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/180 "2023-05-09T13:22:19Z")

</div>

Nader, is there a course or online training for the things on your Youtube video you posted here?

[![](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/a/6a17238d18ab1401a5aa8f9e39bffe05d17a655e.jpeg "Geo SCADA For Offshore - Part2: High Performance HMI (Inductive Automation Ignition - Perspective)") ](https://www.youtube.com/watch?v=6w8lW19s2y0)

It is all in Perspective right?

I am interested most in how you had pinned pages open, and changed the page while still showing the pinned pages.  
I think it involves repeaters, but I never use those. I thought I saw a post that said responsiveness declined when using repeaters. Your pages look very fast though.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [May 9, 2023, 1:32pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/181 "2023-05-09T13:32:26Z")

</div>

> [@zacharyw.larson](#):
>
> showing

Hello,

Of course, all of them are Perspective with some CSS3 tricks.  
For popup pinn, I just stack open popups with the pinn flag so when I change pages I keep them open.  
There is a lot of behind the scene to making everything tuned and optimize for the sake of performance.

---

<div class="post-metadata">

**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\
**Post date:** [May 9, 2023, 1:57pm UTC](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/182 "2023-05-09T13:57:13Z")

</div>

I also wonder about this:

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/b/0b028a01ddc10119bb63d5eecb957195478aad68.png)  
~~In your most recent video, you say like "create new page", but when you press create, this page already has a line drawn on it, and I don't remember ever seeing these icons with pipes before.~~

 

~~What is that folder with a pipe image on it?  
I don't remember seeing it anywhere and I don't know what it is.~~

Edit:  
Oh I see, on a coordinate container pipes can be drawn using the pipes drawing tool.  
Thanks, I never noticed this before!

[Previous page](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513.md?page=8)

[Next page](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513.md?page=10)
