This lesson introduces Visual C++ GUI programming by covering the complete setup process including downloading and installing Visual Studio Community Edition, configuring development settings, creating a new Visual C++ project, designing a Windows Form using the visual designer, understanding the IDE interface components (toolbox, property window, solution explorer), and implementing basic event handlers to create interactive desktop applications.
Deep Dive
Prerequisite Knowledge
- No data available.
Where to go next
- No data available.
Deep Dive
Lesson 1: GUI Programming in Visual C++Added:
[music] [music] [music] >> Okay, so the first thing we need to do is we need to download and install [music] you IDE Okay, so go to your Google [music] Chrome and search for the Microsoft Visual Studio.
And then you have the Visual Studio here.
Okay, so and [music] then you have actually uh three choices.
>> [music] >> You have the community, you have the professional, and the enterprise.
[music] community powerful IDE free for students, [music] open source contributors, and individuals. Click my own >> [music] >> free download.
And then you need to download you I think [music] installer. So, the IDE that we will be using a Visual Studio and we will >> [music] >> uh use Visual C++ in creating desktop application.
Okay, so actually maraming among uh [music] >> [music] >> going to get me to develop a desktop application, but for our uh lesson, we will be using uh Visual C++. So, let us just wait now my download you I think installer and then after now my download [music] you I install the ring you.
Okay, so once now now download and install your Visual [music] Studio, this will be the menu now that appears. You have the installing Visual Studio Community 2026.
So, there are many uh platform now ready to develop using the Visual Studio. You have the web and cloud. You have the desktop and mobile. You have the gaming [music] and other tool sets. So, what we will be using uh most of the desktop and mobile. Let's select this [music] development uh desktop development with C++.
You need to [music] check this because we will be building desktop application using C++. [music] Okay?
So, Visual C++ actually. And then [music] the installation details are on your right.
You need to uh go here and check on the um C++ [music] CLI support. You need to check the C++ CLI support.
Okay, and then click the [music] install.
And then okay, so [music] same thing it will download now now and at the same time I can now [music] install you I think I need to uh download the [music] thing again.
So, let's just wait until it's done with the post. You set up.
So, after the installation [music] is complete, so Visual Studio Community 2026. [music] Okay? Then you can uh launch here. If you click modify, so I'll go back >> [music] >> to the uh menu if you forgot to install other [music] uh uh plugins or packages.
But, if you click more, okay, so you need to go to your installation settings. So, what we will do is [music] launch.
And then sign in to Visual Studio so you can create account or sign in with Microsoft or GitHub, but we can skip this and [music] you know, log in later.
So, for the development settings, the default is general, meaning what will be the theme across all of your IDE, but if you want to be specific for JavaScript, Visual Basic, Visual C#, [music] Visual C++, web development, okay? So, you can select [music] here. But, since we will be using Well, you can select Visual C++ or just the general. And then that choose black dark or light theme.
[music] So, I will be using the dark and then start the Visual Studio.
>> [music] >> Okay.
So, then for Visual Studio 20 for this Visual Studio, uh you need to create a new project.
Okay. And then on your new project, you can actually choose language here and the platform here and the project type.
So, you can click the languages and go to C++.
Then after [music] you select the C++, you can look down and look for this CLR empty project or the dot net framework CLR empty [music] project, okay? So, select and then click the next button and [music] then project name what will the name of the project? So I will name it as test. Okay, and then the location will be you'll default that and so you can actually change it.
And then the solution name, so basically >> [music] >> solution name is just the same on the project name.
And then the framework, okay, so just just delete this [music] and then create.
Okay, so this will be the welcome screen of the Visual C++ okay [music] in the Visual Studio IDE.
So you have here the what's new in the Visual Studio, so you can you know just close this.
And then you have the GitHub Copilot [music] chat, so if you want to ask you need you need to connect it to the GitHub more, but you can also >> [music] >> uh chat the Copilot if you have questions. Okay, so for the meantime let's close your line there so X.
So by default we don't have solution explorer.
Okay, that's the right side. This contains [music] the project and the file inside the project. So we will make a project name like test.
Okay, then you have the references here.
The dependencies headers, resource source. Okay. So just on that the test mode it all.
Sorry.
Okay, so test right click the test and then go to add and then new add Okay, so add new [music] item. Then you have the test and you have the text box.
Enter a file or folder name. So Click on the tool show all templates to show this whole window where in you can select the item that you want to add. Go familiar now then you can see the bar I don't show compact view by the way I get the details simple now menu. But for us we got the templates to be shown. So just select the visual C++ and then go to the UI and select the form. So that will be the form in visual C++ and then write the name [music] of your form.
By default that is my form that H.
That's [music] the name of the form.
Okay, and then the location of the form.
So that will be inside your project.
Okay, and then click the add button.
Okay, and then we'll appear the tool you you form >> [music] >> say you can see in this will be your design window. Anything you put inside this form will displayed during run time. Okay, so nothing you objects that we can add again say you design form. So this objects can be shown. Okay, put that in the tool bar Okay, by the way so it don't touch that tool with the visual studio icon.
[music] This is the menu bar.
So the menu bar it contains the file edit view. Okay, get project and so on.
And then you have the sign in button and then you have the minimize maximize and the close. [music] This is the menu bar.
And then the next is the toolbar.
Okay, you'll next nothing items below the menu bar is the toolbar.
So, to check the objects that we can add it to something form. So, goes a view on your uh menu bar and look for your toolbox.
I'm sure I can do that is control alt [music] X. So, when you select it, I need toolbox more.
So, it been doing toolbox more.
Click button auto hide [music] icon at all.
And by the way, I'm again fixed shot.
So, what is it toolbox? This toolbox contains all of the objects that you [music] can include inside your form. Cuz you're form basically it [music] to you you are canvas.
So, programming so GUI at the young >> [music] >> uh window, okay, that now I'm going to send them in a lot of objects that you [music] want to use and control in your UI program. So, don't all windows forms and we can get them all done. [music] The pointers button and we have a mission.
But I'm going to do the one that I groups. Common control containers and so on. So, I'm going to get it first is the button. [music] So, look for the button.
You can actually double click it or just drag and drop.
Now, you have the button here.
Okay.
And then you can also uh I usually do your size your form. I am Okay, so what you have now, you have now the So, so far you have the main new bar and then the tool bar and then the tool box here.
You have the design window or in the design window now that you have form more and then the solution window, solution explorer wherein it contains the project files.
Okay?
So another important window that we need to include is the property window. So punta ka dito sa view sa menu bar.
Ah, view and then ah, hanapin mo yung property window sa bandang baba or just simply type ah, click press mo yung F4.
This is the property window. Ayan, andito siya sa >> [music] >> by default andito siya sa lower right.
Okay.
>> [music] >> So, what is the property window? The property windows contains the list of properties >> [music] >> and objects. Okay? Ah it contains the list of properties and events associated dun sa object na iyong sinelect.
Okay? So, for example, I want you to select the button.
Button. Now, if you will go dito sa property window mo let me expand this.
Yeah, I'm going to count it. Ayan.
Kung makikita mo sa property window mo, button na naka-select, so sa taas nakalagay button one.
Okay? If I select the form, nakalagay my form. So, 'yan yung pangalan ng form natin kanina.
Okay, so click mo itong at itong button and then the object selected is the button. Now, if you will look down, you have the category and you have the alphabetical.
Okay.
>> [music] >> First icon categorized and alphabetical.
So, what is being group? [music] Okay, if you will notice here the column. The first column is the property. The second [music] column is the value associated the property. Okay.
Okay. So, click the button then go look for the name property. Which is it doing name property. Click the name property.
Okay. So, what's the button? What's the differ I don't know the definition of name property. [music] Indicates the name used in code to identify the object. So, what is the name property? This it is your variable name associated to that object. [music] Meaning if you want to program or if you want to code that button, you will use the value of the name property. So, what's the name property?
You value the name property button.
>> [music] >> By default, button one.
Okay.
There are four uh good practice.
Always start the button on BTN and then the name of the button.
Let's say BTN click.
>> [snorts] >> Okay, so you can change it.
Okay, your name property button is button click.
Now, let us go look at the text property.
So, what is the text property? Click it.
Text associated with the control.
So, default button one. But, why don't [music] you change it to click me.
I can change the button. Click me.
Okay. So, what what else?
Uh back color.
Okay. So, the color the background color of the component. So basically the background color now. We change nothing into and my choices system [music] or my web or my custom. Put that on the web.
>> [music] >> I don't know what happened to my young gold. Yeah, then my gold.
Okay, so basically that is how we do we use the property a window. Okay, so select on the young object and then change the property. So learn to explore. It don't matter for example it don't [music] Let me phone property. Yeah. So Microsoft Sans Serif 7.8 um size yeah.
>> [music] >> So click me and it just don't then change it to 14. I mean you might like the content.
Okay, so that is the property window.
Right. Okay, another prop another uh the little property [music] window is you event so it to you when I >> [music] >> select properties and then you may events you found their icon events. So what are the events?
Um events these are [music] the events that you can do so object now you. So since I don't know how to select so you a button click I don't know you events that put this on the new year.
Okay, so I'm default click cuz you know I'm button back in the click again. A car swing the component is click.
I don't know what happened but can you make me young button so jump on the yellow guy. So what are the other events?
Auto size [music] change but I might get to me I don't know what you say auto size change but I might get to me so far.
Of course with the auto size properties I want to switch to auto suggest properties [music] change. What else?
Enter.
And then move and so on. So, click So, and then >> [music] >> functions under that click now gusto mo i-apply.
>> [music] >> So, what you need to do is click now to And then this code [music] now to Okay. So, basically Ito yung >> [music] >> iyong source code window.
form window And then you have the source code window.
Okay.
Okay.
>> [music] >> I don't know the design window.
>> [music] [music] >> You have the design window here.
And then you have [music] monitor code window here.
Okay. So, later we will do do the whole thing.
So, next is let us try to run >> [music] >> program. Okay. So, how to run this? So, you can go build and run.
Okay. Or Not build and run or you can go to the local window debugger.
Okay.
Okay. So, you link 1561. So, you last window >> [music] >> is the log window. Okay, it contains the error list, it contains the warnings, >> [music] >> and the message at all.
Error list, warning, message. Okay, so it is your error list and log window that contains the errors, the warnings, and the message. [music] So, you need to run Okay, so where is your link 1561 [music] the error? So, if you are not quite sure I don't error you on you can just click on your parallel bus [music] detail your error 1561. So, I error 1561 though [music] LNK 1561 is entry point must be defined.
The linker did not find any entry point the initial function to call in your executable.
So, meaning you don't I don't know if you can make it out your starting point in program. Which is you know default of Visual C++ you need to define [music] some of the program.
program.
Okay, so Let us review. You have [music] the menu bar here, you have the uh toolbar the second >> [music] >> item and then you have the toolbox on your left, the window form design.
Next to it is the source code window.
And then the solution explorer which contains the project file, and then you [music] have the property windows, and lastly you have the log windows. Okay.
So, let us now define your starting point in program and you need to show my program.
>> [music] >> So, go to this solution explorer.
Click on your myform.cpp [music] under the source file.
>> [music] >> So this will be your C++ code. [music] Okay, let us execute our form inside [music] this C++.
My form that C++. Okay, so yes, you need to type using namespace [music] and then the name of your project. Okay, the name of your project is [music] test.
Okay, let's have a colon. And the next is you have the int main.
Okay, and then you have the return zero.
Okay, so what else? [music] Let us go to the linking nothing. So application and then uh binary scope operator >> [music] >> and then I can do your run.
And then GCU and then the name of your form.
>> [music] >> Yeah, okay. So you have it to you column. You have the application and then [music] the binary scope operator.
Okay, so I don't know yet.
binary scope operator.
What is that? If you will remember the object-oriented, you have the class Okay, you have the object that and then the method. What? object that [music] method >> [music] >> object-oriented.
So the visual C++ a bit different. So, you have the class name, which is the application, >> [music] >> and if you want to access the method or the object under that class, you will not [music] use the dot means method.
Instead, you will use the binary scope operator or in the one colon. Okay, you don't referencing [music] the classes. Okay, and the method inside the classes. You reference the method inside the classes [music] using this binary scope operator.
Okay, it's supposed to [music] be in there.
So, testing that thing you run only.
>> [music] >> Yeah, I think I have four more. You know what I mean?
Like you will be able to run your console.
Okay. I will be able to run your console. So, how do I do that?
So, click X on the launcher. I will be able to make it real.
>> [music] >> And X will run too.
Okay, yeah.
I think it stopped on the share.
I don't know. You know, don't stop debugging.
All right. So, let us close my form.cpp. Close on the end.
Okay. You put it up with the setup.
Okay, so the next thing is go to project and then test project.
Okay, okay, yeah. You do the solution explorer. Right click on the end and then properties.
Okay, and then you have the configuration properties and then go to linker and then go to uh system.
And then the [music] system error on subsystem. Option tells operating how to run the XE file. So, on the drop down, select the Windows.
Okay, on the subsystem Windows. And then on the advance, go to advance. [music] You have the entry point.
Specifies the function. Go on [music] your entry point more. I'm I'm into point that it is the main function of the Nina. So type of detail I mean.
Okay, and then apply.
And then okay.
So when you run this Okay, we're learning console.
Okay, so I'm not executing that.
Is the form itself.
Okay, so that is how you need initial setup. A bug You got to walk on the Visual C++ uh programs.
Okay, so moving forward.
If you will notice bugging around with Shah in the Google [music] big night form corner soggy lid. Okay, so let us change some of the properties. Now I think form so select me your form.
>> [music] >> Make sure now from the select so we can tell what's the property window. So I don't have anything with you. Start position property.
And then the start position property what is the default value? And the default value is window default location. So I don't have anything [music] with you. Center screen.
Okay, so You are not second on the side. What else you want to change the name? Or [music] you text above the my form.
Okay, so I don't have anything with you text property.
So I don't have anything with you text property the main program.
Okay, so I don't have anything with you I need more than my mobile go to go to the window add item going to the now.
If you can recall, okay. [music] What else?
If you will notice I don't know. I don't have anything with you.
You buy me to buy me to buy me to I don't have anything with you I don't have anything with you. I don't have anything with you. I don't have anything with you I don't have anything with you.
I don't have anything maximize [music] Minimize actually is okay lang.
But you maximize is I don't like it cuz we want the size to be fixed based on the content. So I'm going to do that then.
Select the form and then you >> [music] >> maximize box.
So when you maximize box you determine [music] whether a form has a maximize box in the upper right corner of its caption bar. So I'm default value is true. So I'm going to make it >> [music] >> false. Yeah. So what else?
I don't know your style property.
Yeah, form border style indicates the appearance and behavior of the borders and the title bar of the form.
Okay, so I default the sizeable. So change it to this one instead.
But I don't like the none. Let's do fixed single.
I don't know about fixed single.
I don't know. I don't know. So now I don't have the other one.
I don't have the other one so I'm going to do that.
I don't know the sizes. Yeah. So I'm going to change the color now.
I don't know about fixed single. I don't know about fixed 3D. I don't know about fixed 3D.
Mhm.
Okay.
>> [music] >> Uh Pa.
I'm going to change my own back color.
But you can explore how explore your own property. The different objects so you can change it into let us say light gray. Yeah. So maybe I don't like the light gray.
Mhm.
I'm going to change the leaning.
Yeah.
Okay. And then you bought the one that I bought the one button. You bought the one that I bought the one. I don't know what I'm doing.
I don't know what I'm doing. Size I don't know what I'm doing. I bought the one.
Yeah. nothing click new button then look for the it the flat style determines [music] the appearance of the controls. So let's click the button again button.
pop up >> [music] >> Instead of pop up flat.
You're okay.
Now you're getting it.
Okay, gets gets all run nothing though.
You have here. Let us add other property sorry object.
Okay, for example let's add some label.
Yeah, I need label more.
Okay, so but that will you name property or not I'm going to call you name property.
So by the LBL 1 to take more LBL 1 not label 1 but LBL meaning but button BTN >> [music] >> but label LBL. Okay, that's a good practice and then >> [music] >> I can get text property but I will say for example again more I Hello world.
Yeah, and then put that phone [music] property but I can learn nothing.
You can change whatever you want but I I want it to make it [music] bigger than Okay. That's it.
Hello world.
So let's add some event.
For example, you run go to >> [music] >> Push up you delete go to you hello world go my giggling I know my giggling I know my giggling hello world my giggling say up I can delete your button.
You my giggling say up.
>> [music] >> If I want to change >> [music] [music] >> Instead, you want to change it in the bar. During run time.
>> [music] >> How you how you will change it? So I will put my own to the events. Okay, so event click on the button. So I will click on the button click.
>> [music] >> Okay, so I think you private [music] some private void button click click. So I will click on the button click.
This will be the the Java. That is the action listener. Okay?
So so make sure anything you put inside this curly [music] braces will be executed. So make sure So make sure indent in your mama uh codes. Okay, so I don't I don't object you. You want to change the property of label one. So what property? The text property equals to say up.
I don't give you no quotation mark because it's string yeah.
If you will notice, you got nothing arrow.
Okay.
So I don't have the arrow you have the arrow you have the arrow I [music] arrow pointer.
So what's the meaning of it? You have the arrow and the and you binary scope operator.
>> [music] >> Okay.
I mean it's being if you want to access the method inside [music] the class. So, binary scope operator. But if you want to access the property inside the objects, you use the arrow [music] pointer.
Gets?
Okay, any binary scope [music] operator cuz say it's a object.
Property in the object. So, para ma-access me on, you need the arrow or the dot. But then it will go >> [music] >> and put that.
Nothing been about you at all.
Okay, so let us run this.
Aha, so but you run with all. Wow, say that.
Nice, nice.
Okay, so Let us try to ex explore the code that you made you must have been so So, you have here again name space test [music] and then you have you libraries again nothing you might import nothing and then you have the class form. You have the public.
You have the protected and you have the private. So, anything you put inside, okay, you knew my you knew you declare that public protected and private. [music] Object, you have the button and then you have the label.
Okay.
So, what [music] else?
Try to recall you I think object-oriented how we [music] build the UI. You have the constructor not all and then this are the if you want to create the at all >> [music] >> creates a detail now button and you color your color gold and your >> [music] >> flat style yeah flat style I think I could do more ahead.
Don't go to that all.
I don't want to get rid of the one that [music] you want to go there now.
Right cuz he bought it.
It don't show you gold.
I think it don't go to that all but I don't want to go to the red.
All red. Okay, so I don't want to get rid of instead of you are typing this.
Okay, now it's a ISA.
Okay, I don't want to get rid of this a property window [music] so design for more.
Okay, makes sense. So that is how the visual C++ works. Okay.
And then I don't know.
It don't go to the form. I don't want to get rid of this a form and your size. I don't know if it's the 80 [music] center screen so you don't want to go there.
Uh Those are the coding practices now so if you will notice here I don't know.
I don't want to get rid of now.
I don't want to get rid of it all our >> [music] >> pointer to our operator but I don't want to get rid of it all.
Okay, you are accessing the property of this uh object.
I don't know if you want I don't want to get rid of it all our arrow.
>> [music] >> I don't know. You know, you want to access the property font now object the label one.
>> [music] >> Access more your property now auto size the label one. Okay, but I don't want to get rid of it all your binary scope operator at all.
And back it cuz see you're accessing the method inside the class.
Okay, so you make class kind of drawing a access method of size. My class kind of uh forms access method in form of border style. So going on okay, you you don't need to remember everything. But what you need to do is just [music] uh I would be the no to read you my code nothing. But you know what did to it in my L constant character so good [music] to be able to L.
Mhm, then you clear the inside it's a constant character.
Okay, so I think it's >> [music] >> okay so I don't know nothing to Okay.
So let us for good practice we put the L here.
string Okay, so that nothing will happen.
Yeah.
So [music] what do you want to do in my in my it all hello world call I let us say zero zero shot So [music] what to call every time I click this button click me you zero call again one again it's a one two three four [music] five and so on. So how we will do it? So let us now make some variables so I don't know what to do in my variables in visual C++.
So put that in the header file in my my form [music] that H. So you have your public and the protected okay and the private here.
Let [music] us create a private a kind of private detail.
Actually, I did it to private.
It's a lot. So, there are many [music] ways to to create a variable. So, for example, this is >> [music] >> in now.
And so, you we put it inside the private, okay?
Uh but if you put it on the public, meaning it can be accessed even [music] outside this form.
Right? If you can recall the access modifier that this object oriented, if you put [music] uh values, methods, and variables in the public okay access modifier that it can be accessed outside the form or outside the class [music] rather.
Which in this case outside the form.
But for good practice, we put variables inside the >> [music] >> private uh access modifier. Meaning, this can be accessed only in the objects inside [music] this class.
Okay, so it will be nothing to close your email.
And [music] I'll close it up. Look at this Windows Form Designer generated code. I don't know what happened to you, man.
Region Windows Form Designer [music] generated code.
Same generated code, so you you don't know what to do. Hover over the tool.
Click the tool collapse. [music] Yeah, but it will be nothing okay.
>> [music] >> Uh-huh, but it will be protected for sure.
Indeed.
Anyway, okay, so >> [music] >> I don't know what I need to declare a variable, okay? For example, ball A car car [snorts] C I may value in num C equals to 10 [clears throat] C equals to true and to I >> [music] [music] >> Ah, okay. That was a semicolon. [music] I tried that I to say Yeah, and [music] then you have the car para is a long H and then you have the double 3.4260 >> [music] [music] >> float float >> [music] >> I thought I meant double or double or float.
>> [music] >> And I'll put it back to string.
>> [music] >> Uh, message Okay.
>> [music] >> Okay.
handle point handle operator Okay, we still have generated nothing. You collapse nothing.
handle operator [music] Okay. You collapse nothing.
I can really you handle operator something.
Okay, example here.
Okay, anyway [music] I don't know what to do.
Yeah, my handle operator is back.
>> [music] >> But a string is not a primitive data [music] type.
and integers and values.
Okay.
And [music] it is considered considered as complex data type measure. Derived data type measure.
>> [music] >> Okay.
integer string Cuz it by default by default, okay.
value is a string cuz it text >> [music] >> it will treat you as as a string.
And since I want So [music] we need to convert this into an integer.
But first >> [music] >> a label switch is what?
message is equals to LBL1 [music].text.
Okay, so >> [music] >> Okay. Your value need to which is text property you put it inside your variable message which is a string.
>> [music] >> It can't be assigned [music] to an entity type of int cuz you got a number variable is an integer.
>> [music] >> Now we need Now we need convert this message into a string. So how to [music] do it, okay? So num is equals to message that I'm sorry.
>> [music] >> int 32 and then colon convert [music] and then to int to int 32 pa to int 32 I'm sorry. Nawala ko.
int 32 and then parse Ngayon mo dito 'yung message. [music] 'Yan. [clears throat] Okay, so int 32 na class parse 32 kasi 32 bytes lang 'yung assigned [music] integer. Pwede rin ang 64.
So 'wag mo mas malaki 'yung mga number.
Pero kung mga simple [music] number lang, 32 lang.
We want to hover. Inside the integer 32 na class, meron kang parse that will translate itong 'yung string mo into a integer.
So paano mo ngayon gagawin na? Sorry.
'Yung num mo num is equals to num plus one right? And then ano pa pwede mong gawin?
Okay, you can do is you need now to set lbl1 that text is equals to num Pero may error 'yan kasi bakit?
Ito ay integer, okay? [music] And 'yung pwede mong ilagay dito is just num I'm sorry. String lang.
Okay, so paano mo gagawin 'yun?
num that to string Convert more you integer [music] to string.
Okay.
Right.
Amazing. [music] Okay.
What else?
>> [music] >> So Let us make a [music] interface.
No no no no no no no no no no no no Ohm's law. [music] What interface of Ohm's law?
Yeah, my interface can I make a simple circuit guy and then make it calculator of Ohm's law.
Okay, let us try to do this.
>> [music] >> So >> [music] >> So I don't want to put that on the ground.
I think so now compute.
>> [music] >> So I want to make a simple interface.
Okay, [music] let's make a detail.
I want to make a label.
So I'm going to make a text on the label.
I am then going to make a auto size property I false.
And then the back color is black.
Why? Because we want to make a line.
That they can say in previous in previous version mirror line object.
Better when I don't want to be like >> [music] >> dinner and dinner so go out there and then you sing the label.
Now maybe my couple [music] of shop on time I am so size you put the mirror in 10 guy you want to go in say five and then I know sorry I am going to go in there.
Three but I mean you know it is I am done.
>> [music] >> So what else?
Copy paste for Yeah so I don't know I don't know I think three.
13 23 [music] I sorry 82 round down size yeah you know size over or I don't know what you're doing three I don't know what it is.
Oh yeah okay so I don't know what I'm doing yeah.
I don't know what I'm doing nothing.
I don't know what I'm doing nothing I don't know what I'm doing nothing I don't know what I'm Yeah.
>> [music] >> I don't know what I'm doing nothing I don't know what I'm doing >> [music] >> I don't know what I'm doing nothing yeah. I don't know what I'm doing nothing I don't know what I'm doing Yeah. I don't know what I'm doing nothing now.
I'm battery so label then.
I don't know what I'm doing nothing.
[music] I don't know what I'm doing nothing box.
And then copy paste >> [music] >> into copy paste what >> [music] >> Yeah, so oh pretty much some color and I don't know.
>> [music] >> It I Let's just say color white.
>> [music] >> Up white.
I just even nothing. [music] It's going to be a lot of lot of battery.
Then you can say >> [music] >> color red.
Yeah, >> [music] >> but I got battery color.
Oh, yeah. No worries. It will do.
>> [music] >> Hey.
All right, this is nothing.
>> [music] [music] >> Yeah, it will do.
Copy nothing. This nothing will do.
>> [music] >> Uh-huh. Make it in your master bubble nothing will do. It's in top index [music] here. Yeah, no. Top index six.
It will do. Five. So, you want to say no.
Must be a lot of doing more five then.
Uh.
I need to take a lot of property on.
Mhm.
>> [music] [music] [music] >> Um, top is [music] dot text.
>> [music] >> Oh, okay.
5 4 3 [music] 2 1 7 >> [music] >> Anyway, what is the game?
Okay.
So, this one.
Yeah, take a look at this. This we have the web things.
>> [music] >> I know display.
So, pretty moon go in at the moon [music] small letter N a web things by the moon game ball.
>> [music] >> R num wingdings Mhm.
Yes, so letter N.
Okay.
a label >> [music] >> Small letter N at the back.
N Enter [music] on font. Yeah.
I Wingdings, I Webdings.
>> [music] >> And then look here sir.
70 >> [music] [music] >> 36 opaque opaque element element oh element oh I'm not sure if I can transparent.
or color image center line setting margin modifier visible but it was a false [music] I think my okay border style label visual C++ label transparent >> [music] >> transparent >> [music] >> back color I should change this to the color transparent.
So it but it was transparent.
transparent [music] Click more click more then type of transparent and then it will pass transparent.
I don't know how it became transparent.
I don't know man.
only label It so I label eight.
Click more and then I will label it label eight three six seven eight >> [music] >> I'm not happy this transparent. [music] Anyway >> [music] >> And then auto size more I auto size more.
False. [music] Okay.
the size Uh send me your >> [music] [music] >> text align Your and then use [music] compatible text rendering true.
compress Okay. I don't >> [music] >> a shape It all this one.
a label eight label to label eight >> [music] >> Yeah, no error.
label eight click Okay.
>> [music] >> shape bulb >> [music] >> shape bulb that back color is equals to >> [music] >> color and then yellow and then yellow.
Yeah, color and then [music] uh binary scope limit uh binary scope operator yellow.
>> [music] >> Tada.
color in the sub color the four color yellow. You guys, four color.
>> [music] >> Ayon. Yeah, four color yellow.
>> [music] >> So, let's I know.
Do >> [music] >> Yeah.
competition >> [music] >> Xbox Xbox D >> [music] >> Never mind Xbox.
Xbox Xbox Xbox >> [music] >> the Xbox the Xbox [music] let us say Okay, so type what to type is 16.
>> [music] >> Okay.
>> [music] >> Let >> [music] >> letters.
Okay, >> [music] >> characters, anything.
Okay?
Now I'm proper to [music] the is the text property.
Okay, but you [music] can the text property general 100.
Okay, you shall.
Pero >> [music] >> take note not eat all lagging string.
String lagging in. Okay? Another version of text box and a tie on a >> [music] >> I know numeric up down.
Oh.
I'm numeric up down.
>> [music] >> I'm I'm uh uh I would get all I would get all I would I would like to take this numbers.
>> [music] >> Numbers long. I would like to take Okay, but you cannot add >> [music] >> characters or letters. Okay, but you can do it.
So, if you want to limit in text in input more than a phone number long, but you can do it too.
Uh numeric [music] up down. But you can set the increment and the increment property to five.
So, it's being from zero every increment more five, 10. Yeah, but you can.
And then you mask text box. It will It will be nothing to meet in.
Uh if you want to be specific [music] in your inputs. However, I'm common to is a text box.
Okay, I don't know mask.
Uh mask text box.
>> [music] >> So, mask is a mask Xbox.
property in property now >> [music] >> I click on the that modifier. [music] mask Okay, some mask >> [music] >> I know you date I am ready number one.
I think short date.
>> [music] >> time zip code now >> [snorts] >> I think number.
I don't know numeric five digit.
Oh, yeah.
I think digit.
You must [music] know one two three or five.
I think you must know my decimal.
>> [music] >> power 21.32 [music] I know okay.
So, I think you must know one time. I think mask now.
I think I think mask.
I think you don't know number. I think from character now.
I think it's the character used as the placeholder.
Okay.
What do you want to do with I I need to hide mask.
Hide and all.
Hide.
You must hide You hide [music] the new You hide the new mask to hide You hide the new prompt.
And indicates whether the prompt characters are displayed when the control does not have the focus.
Does not have And it does not have the focus.
What do you want to do with the mask?
24 and all. [music] Okay, but this must be the mask.
Okay, so what do you want to do with the mask?
I don't prompt characters. You want to add asterisks? [music] You want to add asterisks to the mask?
I don't want asterisks to the mask. You know.
I don't want the default one.
I don't want the default [music] one.
Yeah.
with a space Yeah.
>> [music] >> I don't want to add a space.
Yeah.
>> [music and snorts] >> So again, it's a But this is the way of on how to limit your input.
I don't want to text box. I don't want to [music] add a thing.
I don't want to add numeric up down. I don't want to add mask text box.
Okay, but for default, [music] I don't want to add anything. I don't want I don't want to add mask text box text property.
Okay, so >> [music] >> Okay, so txt homes >> [music] >> txt txt [music] current Allah txt resistance and then >> [snorts] [music] >> Yeah, and then >> [snorts] >> label homes Then I found more I 16 homes more I got homes.
>> [music] >> It's the homes.
Shouldn't text property.
text property I resis [music] resistance resistance resistance at the I >> [music] >> Just the I current.
text GI current And then you have the voltage >> [music] >> Yeah.
>> [music] [music] [music] >> And there you have this will be the sample interface.
Okay, [music] so let's just try to run this.
So when I click the IO resistance small and all >> [music] >> Yeah.
Okay.
>> [music] >> or R >> [music] >> C but I clear or excellent X or then and delete nothing so the font going to go save then [music] and then your color yeah the color in the gold [music] going to shine Yeah.
Okay.
So I can delete >> [music] [music] [music] >> 5,000 ohms and then 2 I 3 amp in voltage.
Okay. And then I and then Okay.
So, >> [music] >> that will be assessment for this lesson, okay? Or in you will finish
Related Videos
Agentforce NOW AMA: Build with React and Salesforce Multi-Framework
SalesforceDevs
490 views•2026-05-28
How agent o11y differs from traditional o11y — Phil Hetzel, Braintrust
aiDotEngineer
450 views•2026-05-28
WEB TECHNOLOGIES UNIT-2 | Degree 4th sem BCOM Computers web technologies unit-2 full explanation💯✅
LearnwithSahera
1K views•2026-05-29
More tests are always better? How to use AI to identify tests that bring little value
Alliance4Qualification
335 views•2026-05-29
Search Algorithms Explained in 60 Seconds! 🤖💨
samarthtuliofficial
218 views•2026-06-01
People of Game of Thrones using JavaScript DOM
AltCampus
296 views•2026-05-30
Introduction to Problem Solving Part - 1 | Lecture 1 | Intermediate DSA
ascensionix
107 views•2026-05-29
So What's Odin Lang Even Good For
TechOverTea
131 views•2026-06-01











