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 training@inductiveautomation.com.
Version:
LESSON LIST
LESSON
Window Properties
Description
There are a number of window properties that change the way the windows look and behave. These properties are: Closable, Maximizable, Resizable, Start Maximizable, Title, Border Display Policy, Titlebar Display Policy, Dock Position, Dock Index, and Layer.
Video recorded using: Ignition 7.7
Transcript
(open in window)[00:00] Just like components, windows have properties as well, that change the way the window looks, and the way that it behaves. We can view these properties in the designer, by clicking on the window in the project browser. If you click on the window in the design space in the right-hand side, you're going to select the root container that's inside the window. In order to view the window properties, you have to click on the window itself. Down the bottom, you'll see all the properties for the window. Under behavior, we have properties that control if the window's closable, maximizable, resizable, and whether or not we want the window to start maximized here. So, on the right-hand side you can see the client. I have the popup window open right now. This is the window that I'm looking at in the designer. If I uncheck closable, maximizable, and resizable, you can see right now, I can close it, I can maximize it, minimize it, and I can also make it bigger or smaller here in the client. If I go and uncheck these properties, and save the changes, as soon as I update it, you can see that now, I don't have the closable on the right-hand side, nor do I have the maximizable, and I can't resize the window anymore. Going down the rest of the properties, we have a title, which is the title we see at the top of the window. So, if you show the title bar, you see popup up here that's in black, that's a title bar. There's the border displayed policy, and title bar displayed policy. Which, around the window we have a border, at the top we have the title bar. Right now, I'm showing both of those here in the client, but I can actually set these to always show, never show, or only show when it's not maximized. So, let's go ahead and set these to never and never for both the title bar and the border, and save my changes. Now you'll see that the popup window looks like it has no border, and no title bar around it. Sometimes you just want to show a border, and not show a title bar. So, certainly you can change those properties to do so. Or sometimes, you just want a title bar and no border. So, definitely you can specify those properties. If you do show the title bar, there's properties for the height of the title bar, as well as the font, if you want the font to be bigger. Down below under layout, we have the dock position. Which, right now you can see from my popup window, is floating. This is where you can set a window to be one of the various types. You can make it be a docked window, docked west, south, east, or north, or you can make it floating, being either popup window, or a main screen. If you make it main screen you're basically selecting floating, and then start maximize here is true. There's some other properties for the location and the size of the window, which you can actually change by making the window bigger or smaller in the designer. At the very bottom, we have a layer property and a dock index. The layer property is perfect for popup windows, because if you have multiple popup windows, you can specify the layers. So, which one do you want to be on top of others. The higher the number, the more on top that window is going to be. The dock index is there for if you have multiple windows that are docked north, south, east, or west. So, say I have to two windows that are docked west. Then I can specify by dock index which one's going to be first, which one's going to be second, so they're not on top of each other, essentially. There's quite a few properties here on Windows that you can change, that change the actual behavior of that window. If you're looking at the different window types, you can change the properties from one type to the other, very easily here, by looking at these different properties.