Search

User Manual

GETTING STARTED


MODULES AND PLATFORM


APPENDIX


TUTORIALS & HELPFUL TRICKS


GLOSSARY


STRATEGIC PARTNER LINKS

Sepasoft - MES Modules
Cirrus Link - MQTT Modules

RESOURCES

Inductive University
Ignition Demo Project
Knowledge Base Articles
Forum
IA Support
SDK Documentation
SDK Examples

ALL MANUAL VERSIONS

Ignition 8
Ignition 7.9
Ignition 7.8

Deprecated Pages

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »


Overview


On this page ...

Adding Components to Vision Windows

You can drag and drop components onto your project windows. Components can do everything from displaying text, to showing Tag values, to displaying reports and more. You can bind components to each other, to Tags, to values in the database, or any combination. Let's create a few components and show live values in the Client.

 Add Components to Your Project
  1. From the Designer, go to the Project Browser and right-click to open the Main Windows -> Overview window.



  2. You can see there are already components on the window, let's make a little space. Select the large text Label and right-click to delete it.



  3. Now we have some space to work with. You can start by clicking and dragging components from the Component Palette on the right onto the window. Let's add a Text Field and a Label component. Users can type in the text field.



  4.  Double-click on the Label component to type directly into it, I've renamed mine to say "Enter Text." You can also select a component and click-and-drag the arrow handles to resize them.



  5.  Now let's add some Tag values to the window. The simplest way is to go into the Tag Browser and drill down to the Tag(s) you want and drag them onto the window. Select a few Tags and drag them into the window. You will see a popup asking you what type of components you want to use to show these Tag values. Select LED Display.



  6.  Now you can see live values on your window! Don't forget to save your project.



  7. You can Preview your project in the Designer by clicking the Preview Mode button. This allows you to interact with your windows as if you were using a Client. The Preview Mode button changes between a green triangle and a red square depending on which mode you are currently in. Look for the green triangle to go into preview mode.

Learn more about Working with Vision Components and Property Bindings


Launching Clients

Now that we've created a project, let's launch a Client to see it in action.

 Launch a Client
  1. If you haven't already, make sure you have a project created.

  2. Go back to the Gateway Home web page.
    Your project will appear in the Launch Projects panel with a big Launch button to its right. Scroll down until you see it and Click on the Launch button to start up a Client.



  3. A loading screen will pop up briefly before the client opens. 



  4. Login to the Client using:
    Username: admin
    Password: password

    By default, a new project uses the same user source as the Gateway, so the admin/password credentials will work.



  5. After you log in, you can see your Client window displaying your project. We are showing the window from the previous step, you may see the default welcome message on this page.



  6. Go back into the Designer, make a change to the window, and click File > Save and Publish
    Your Client will show a notification saying that there are updates to the project. 



  7. Click on the notification and then the Update button and the Client will update itself!

You can launch as many Clients as you want! If you've got other computers on the same network as the Gateway computer try launching on them too. Make sure that your Gateway computer doesn't have a Firewall enabled, or it is allowing traffic on port 8088 - the default port for the Ignition web server. The address to use on other computers is http://ipaddress:8088 where ipaddress is the IP address of the computer Ignition is installed on.

 

Learn more about Launching Clients!



Create a Graph

You can see the Tag History data we just created by adding a graph to a window. Your graph can include subplots, axes, and a moving average pen. You can view the runtime data in realtime or historical mode.

 Create a Graph
  1. Open your Main Window. From the Charts section of the Component Palette, drag in the Easy Chart component.



    We can add the Tags to the graph the same way we created the status and control windows, that is, through drag and drop.

  2. Drag all the Sine tags from Tags Browser to the graph.



    The tags are displayed on your Main Window but because you have just started logging data, not much data will show up.

  3. To show more data, set the Chart Mode property of Easy Chart to Realtime.



  4. That's it! Now open your client and view your windows.

Learn more about Charts!





  • No labels