You can help by commenting or suggesting your edit directly into the transcript. We'll review any changes before posting them. All comments are completely anonymous. For any comments that need a reply, consider emailing firstname.lastname@example.org.
We are experiencing playback issues from our video hosting provider. Please check back shortly.
1:40Tag and Component Overlays
2:53HTML in Ignition
Take topic challenge
Learn how to use different tools in Ignition such as components, shapes, images, Symbol Factory graphics, and Scalable Vector Graphics (SVGs).
Video recorded using: Ignition 7.7
Transcript(open in window)
[00:00] There are several different types of component we can bring onto into an Ignition. Of course the first are all the components we see in the component palette on the right hand of our designer. So any component we find over here we can drag onto our screen. So for example I can take a cylindrical tank, I can go down here to a meter, I go down maybe to my charts and take a sparkline chart, all of these components we can put onto the window, and then we can configure them further. The second type of component we can put onto a window are vector graphics. If we go up here to tools, symbol factory, there are over four thousand graphics we can bring onto a screen from here. And they're organized into various categories from basic to advanced. So here I have my motors category selected, I can take any motor, for example I like this motor here, I can drag it onto my screen, and now I have a graphic that I can work with. Of course these are vector graphics, so as you scale them up or scale them down, they are going to look really good. The third thing you can bring onto a window are graphics you create yourself using our drawing tools. On the right hand side of the designer, it's a thin strip of tools here that allows to draw our own graphics. So we have a rectangle tool here, I can click on that, maybe draw a rectangle, round the corners, take an arrow tool, draw an arrow somewhere, take a line tool on the right hand side, draw a simple line, press enter. Maybe I want to connect that line together to actually make some interesting shape, so we can make our own components that way using our drawing tools. Along the same lines with vector graphics, we can also import SVGs into our window. So here for example I have our ignition logo here as an SVG file on my machine, so this is the, I had the folder open on Windows, I can take the SVG, and I can simply just drag it onto my screen ignition, and that exact same logo will now be on the screen, that I can work further with. The last thing we can put onto a window is our own, you know, images, PNGs, JPGs or GIFs, for that we have a special component. So we go over here to our display, I have a component called the image component, I can put that onto a window anywhere that we want, say I put it right here, the component has a property called image path, which I can set to any JPG, PNG or GIF. I click on the folder view, allows me to go and find things, I can upload any image from our computer into this area, I can also see some of the ones that we have built in, so for example I go to built in icons, 48, I have some images here that I can work, let's say that I want to use, you know this clipboard here, click on the clipboard, and now you can see there's image on the screen that I can work with. So there's several different type of components we can bring onto a screen, each of these components have the various things in common, like properties, so we can change the way they look and the way they behave in Ignition.