1
00:00:00,870 --> 00:00:01,460
All right.

2
00:00:01,470 --> 00:00:05,560
So did you have any success in converting the style right here if you did it.

3
00:00:05,580 --> 00:00:10,530
Don't sweat it because we're going to get a tremendous amount of practice with GSX over time throughout

4
00:00:10,530 --> 00:00:12,050
this entire course.

5
00:00:12,090 --> 00:00:18,690
So I got to go ahead and convert the inline style right here to the appropriate GSX format instead.

6
00:00:19,050 --> 00:00:24,160
To do so I'm going to first copy the entire button tag and put it on the line right underneath it just

7
00:00:24,180 --> 00:00:27,330
so you can see the before and after practice.

8
00:00:27,330 --> 00:00:31,950
All right so I'm going to first begin by taking off the double quote over here and replacing it with

9
00:00:31,950 --> 00:00:33,490
two curly braces.

10
00:00:33,750 --> 00:00:36,360
Then I'll do the same thing on the right hand side as well.

11
00:00:37,230 --> 00:00:39,720
Next up I'm going to remove the semi-colons.

12
00:00:39,750 --> 00:00:45,430
Inside there and then separate each of the key value properties with the string.

13
00:00:45,460 --> 00:00:49,560
Remember this inner curly brace right here represents a javascript object.

14
00:00:49,600 --> 00:00:54,640
So we need to make sure that it has the appropriate syntax for a javascript object.

15
00:00:54,640 --> 00:01:00,190
Next up I'm going to look at the different property names and find any location where we have a compound

16
00:01:00,370 --> 00:01:01,650
property style.

17
00:01:01,970 --> 00:01:08,320
So that would be right here we have background dash color then remove the dash and capitalized letter

18
00:01:08,380 --> 00:01:09,770
right after it.

19
00:01:10,030 --> 00:01:14,710
And then finally the very last step in this one is a little bit confusing because I didn't very directly

20
00:01:14,710 --> 00:01:15,630
mention it.

21
00:01:15,760 --> 00:01:21,190
We need to make sure that these values are wrapped in a string so I can wrap it with a single quote

22
00:01:21,790 --> 00:01:24,250
like the OK so that's it.

23
00:01:24,260 --> 00:01:30,050
That's how we would update that H-2 e-mail inline style to be the equivalent GSX.

24
00:01:30,050 --> 00:01:34,190
Now I can save this Oliv. both buttons and here just to make sure that they both work.

25
00:01:34,190 --> 00:01:38,420
Actually I shouldn't say that this first button is still going to continue to throw an error or something

26
00:01:38,420 --> 00:01:44,740
to delete that one and then I'll save this file and I'll flip back on my browser and see how we're doing.

27
00:01:44,750 --> 00:01:45,170
Perfect.

28
00:01:45,170 --> 00:01:49,300
So I now see the button is blue with white text.

29
00:01:49,310 --> 00:01:51,110
Now one thing I want to address very quickly.

30
00:01:51,230 --> 00:01:57,950
You might have noticed that for these values right here of blue and white I used single quotes whereas

31
00:01:57,950 --> 00:02:00,880
for all the GSX I use double quotes instead.

32
00:02:01,190 --> 00:02:03,730
So this is a little bit of community convention.

33
00:02:03,950 --> 00:02:08,370
Well have community convention and half requirement of GSX.

34
00:02:08,480 --> 00:02:14,490
First off which sex we are supposed to use double quotes anytime that we want to indicate a string.

35
00:02:14,750 --> 00:02:21,800
So in all these locations here like label name name text we are supposed to use double quotes but then

36
00:02:21,800 --> 00:02:29,120
for any non GSX property by convention in the javascript community traditionally we make use of single

37
00:02:29,120 --> 00:02:34,550
quotes but there are certainly tons of people tons of Engineers tons of companies that prefer to use

38
00:02:34,550 --> 00:02:36,730
double quotes everywhere instead.

39
00:02:36,950 --> 00:02:38,080
So you can do it either way.

40
00:02:38,090 --> 00:02:39,290
It's totally up to you.

41
00:02:39,410 --> 00:02:41,930
At the end of the day there's no difference right here.

42
00:02:41,930 --> 00:02:47,180
If I put double quotes instead of single I just want to highlight that you can make your own decision

43
00:02:47,180 --> 00:02:49,810
there into whichever you prefer.

44
00:02:49,820 --> 00:02:54,440
Now I'm going to be following the convention of using double quotes for all of my GSX properties and

45
00:02:54,440 --> 00:02:56,220
then single quotes everywhere else.

46
00:02:56,270 --> 00:02:57,960
But again do as you please.

47
00:02:58,700 --> 00:02:59,020
OK.

48
00:02:59,100 --> 00:03:00,340
This looks pretty good.

49
00:03:00,720 --> 00:03:03,270
Now let's take another quick pause.

50
00:03:03,310 --> 00:03:08,060
When we come back we're going to start to talk about the next difference between GSX and HVM El.