Adding Icons to Labels and Buttons Video at Inductive University

Transcript

(open in window)

[00:00] In this lesson, I'll show you how to add icons to labels and buttons within your Vision project. Now, one option is to add an image component and position that to the side of your label or button, but there's another option that doesn't require adding additional components to your window. If we take a look at the properties on this label, I have here we can see that there's an Image Path property that allows us to add an icon straight to the label. I'll click the folder search icon and go to Built-in, Icons, 16, and I'll select the help icon. You can also modify the text alignment on this label and this will decide where the text is relative to the icon. If I switch the Horizontal Text Position property to left and that will move the text to the left of the icon. If we look at the button's properties, there's the same Image Path property that we can use here. I'll click the folder search icon go to Built-in, Icons, 16, and this time I'll pick the stop icon.

[01:03] As you can see adding icons to your labels and buttons in a vision window is a simple way to spruce up your windows and add visual cues for your users.

In this lesson, I'll show you how to add icons to labels and  buttons within your Vision project. Now, one option is to add an image component and position  that to the side of your label or button, but there's another  option that doesn't require adding additional components to your window. If we take a look at the properties on this label, I have here we  can see that there's an Image Path property that allows us to add  an icon straight to the label. I'll click the folder search  icon and go to Built-in, Icons, 16,  and I'll select the help icon. You can also modify the text alignment on this label and this  will decide where the text is relative to the icon. If I switch the Horizontal Text Position property to  left and that will move the text to the left of the icon. If we look at the button's properties, there's the same Image  Path property that we can use here. I'll click the folder search icon go to Built-in, Icons,  16, and this time  I'll pick the stop icon.

[01:03]          As you can see adding icons to your labels and buttons in  a vision window is a simple way to spruce up your windows and add visual  cues for your users.

We are experiencing playback issues from our video hosting provider. Please check back shortly.

LESSON LIST

Take topic challenge

Supplemental Videos