CheckBox

6 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€92.01
List Price:  €128.82
You save:  €36.80
£78.38
List Price:  £109.74
You save:  £31.35
CA$136.52
List Price:  CA$191.13
You save:  CA$54.61
A$150.48
List Price:  A$210.68
You save:  A$60.19
S$134.87
List Price:  S$188.83
You save:  S$53.95
HK$780.66
List Price:  HK$1,092.95
You save:  HK$312.29
CHF 91.34
List Price:  CHF 127.88
You save:  CHF 36.54
NOK kr1,052.31
List Price:  NOK kr1,473.28
You save:  NOK kr420.96
DKK kr686.58
List Price:  DKK kr961.24
You save:  DKK kr274.66
NZ$162.83
List Price:  NZ$227.97
You save:  NZ$65.13
د.إ367.25
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,719.82
List Price:  ৳16,408.23
You save:  ৳4,688.40
₹8,312.02
List Price:  ₹11,637.16
You save:  ₹3,325.14
RM469.75
List Price:  RM657.67
You save:  RM187.92
₦147,331.26
List Price:  ₦206,269.66
You save:  ₦58,938.40
₨27,796.36
List Price:  ₨38,916.02
You save:  ₨11,119.65
฿3,662.34
List Price:  ฿5,127.43
You save:  ฿1,465.08
₺3,217.98
List Price:  ₺4,505.30
You save:  ₺1,287.32
B$517.06
List Price:  B$723.91
You save:  B$206.84
R1,837.02
List Price:  R2,571.91
You save:  R734.88
Лв180.27
List Price:  Лв252.38
You save:  Лв72.11
₩136,066.92
List Price:  ₩190,499.14
You save:  ₩54,432.21
₪368.12
List Price:  ₪515.38
You save:  ₪147.26
₱5,814.46
List Price:  ₱8,140.48
You save:  ₱2,326.02
¥15,687.99
List Price:  ¥21,963.82
You save:  ¥6,275.82
MX$1,668.59
List Price:  MX$2,336.09
You save:  MX$667.50
QR364.34
List Price:  QR510.10
You save:  QR145.75
P1,357.56
List Price:  P1,900.64
You save:  P543.07
KSh13,298.67
List Price:  KSh18,618.67
You save:  KSh5,320
E£4,713.99
List Price:  E£6,599.78
You save:  E£1,885.78
ብር5,741.12
List Price:  ብር8,037.80
You save:  ብር2,296.67
Kz84,932.10
List Price:  Kz118,908.34
You save:  Kz33,976.24
CLP$90,081.08
List Price:  CLP$126,117.11
You save:  CLP$36,036.03
CN¥724.33
List Price:  CN¥1,014.10
You save:  CN¥289.76
RD$5,884.09
List Price:  RD$8,237.97
You save:  RD$2,353.87
DA13,459.27
List Price:  DA18,843.53
You save:  DA5,384.25
FJ$222.79
List Price:  FJ$311.92
You save:  FJ$89.12
Q776.15
List Price:  Q1,086.64
You save:  Q310.49
GY$20,904.26
List Price:  GY$29,266.81
You save:  GY$8,362.54
ISK kr13,793.62
List Price:  ISK kr19,311.62
You save:  ISK kr5,518
DH996.63
List Price:  DH1,395.33
You save:  DH398.69
L1,771.78
List Price:  L2,480.56
You save:  L708.78
ден5,664.24
List Price:  ден7,930.17
You save:  ден2,265.92
MOP$804.05
List Price:  MOP$1,125.70
You save:  MOP$321.65
N$1,836.30
List Price:  N$2,570.90
You save:  N$734.59
C$3,677.56
List Price:  C$5,148.73
You save:  C$1,471.17
रु13,287.88
List Price:  रु18,603.56
You save:  रु5,315.68
S/373.53
List Price:  S/522.95
You save:  S/149.42
K388.30
List Price:  K543.64
You save:  K155.33
SAR375.02
List Price:  SAR525.05
You save:  SAR150.02
ZK2,666.83
List Price:  ZK3,733.66
You save:  ZK1,066.83
L457.94
List Price:  L641.14
You save:  L183.19
Kč2,276.37
List Price:  Kč3,187.01
You save:  Kč910.64
Ft35,391.42
List Price:  Ft49,549.41
You save:  Ft14,157.98
SEK kr1,062.40
List Price:  SEK kr1,487.41
You save:  SEK kr425
ARS$89,066.09
List Price:  ARS$124,696.09
You save:  ARS$35,630
Bs690.41
List Price:  Bs966.60
You save:  Bs276.19
COP$385,967.67
List Price:  COP$540,370.17
You save:  COP$154,402.50
₡51,227.77
List Price:  ₡71,720.93
You save:  ₡20,493.15
L2,469.21
List Price:  L3,457
You save:  L987.78
₲751,546.38
List Price:  ₲1,052,195.01
You save:  ₲300,648.62
$U3,849.38
List Price:  $U5,389.29
You save:  $U1,539.90
zł391.29
List Price:  zł547.82
You save:  zł156.53
Already have an account? Log In

Transcript

Hello, in this video, I am going to show you the check box widget. So simply put allows you to select an item author on and off is great if you are creating an application that allows your users to essentially maybe select some settings checkbox is fantastic for that on or off, you know, simply put the OneNote notifications on or off. And Okay, so let's look at another child. And just do check box. Well, I didn't manually ourselves. So by default image to things value.

And this is true for basically the default state state. True means is selected by default false means the selected by default, only false but again, simple stuff. And we need one other thing and this is the on change method. And this is really boolean value In here, what we can do is essentially set the state. And if we were to set the state, we can actually, you know, update it. So we can, we can update you all.

We can use this software. I'm going to print it out from the printer. So far hot reload. Let's see what we get. Okay, so we have this checkbox, no test moment. We'll handle that in a second.

If I click that, so you might think I'm clicking it and nothing's happening. And you're probably just you know, trying to wrap your head thinking. I'm clicking it. So why is essentially the actual the the item not been selected, and that is because we do need to add That set state. So if we look at this value here, instead of blank, we have a variable, we have a variable. So if we say two and I'm going to say check, checkbox value equals false.

So by default, it's false. And then here if I put a check box value, and then in here on chain, if I do so asically is trying to set it to true, but it's not been updated. That's what we need to handle. For this set state. In here, we can say drop down. Drop down, sorry, checkbox value equals value.

We hot reload. As you can see, we can change it enough. I removed the print, so he was unable to see what was happening. So if I put it back in hot reload, and if I select it before I select it, it's now true. So the state that it gets changed. You may also be thinking, I made a change when I click hot reload in one set to the default default, that's because the hot reload, but when the user opens up the application from scratch, you'll be you know, your default value.

So just bear that in mind with hot reload with a lot of widgets. It's no doesn't really change the state that much. If you haven't modified the code. You know that much. You know yourself. And really, that is it for the checkbox.

But this is explain what this checkbox is for that what we need to essentially do is add a Notice something extra to it. But if you look, there's no really property for modifying the text in a wipey last trip that is color and when you tooth around without an extra task, but what we need to do that is actually add a text widget. But we can add one directly. So we need to do a child. So for example, if you did a row and then in here, we would have the checkbox, this checkbox that we've created. You put that here.

If you're not there, in here, first we need to put you know that children array in here, this is where we put it. We can get rid of this now. And what we can say directly afterwards could be before but that means a text We could have notification notifications. If I reload. As you can see, we now have in the form of a rope. And you know, we were a bit more context to it, I didn't this, this was the code, this text item doesn't actually change the functionality, the set state here.

And because this value gain updated, that this on change will allow us to trigger something. Or if we have a button that lets say, save the settings, we can use this variable to actually, you know, update some sort of record or some sort of setting, for example, this text, all it does is it provides some contextual information to the user that this checkbox is related to notification if I see that I I just think as I think a lot of other users do at the moment notifications are wrong for this application. Now notifications are off, obviously to say button. I would know that I'll need to click the Save button to essentially commit these changes. But that's really and that's all there is to checkboxes simple stuff. If you have any questions, feel free to pop me a message and unusual.

I look forward to seeing you in the next video.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.