All right.
So did you have any success in converting the style right here if you did it.
Don't sweat it because we're going to get a tremendous amount of practice with GSX over time throughout
this entire course.
So I got to go ahead and convert the inline style right here to the appropriate GSX format instead.
To do so I'm going to first copy the entire button tag and put it on the line right underneath it just
so you can see the before and after practice.
All right so I'm going to first begin by taking off the double quote over here and replacing it with
two curly braces.
Then I'll do the same thing on the right hand side as well.
Next up I'm going to remove the semi-colons.
Inside there and then separate each of the key value properties with the string.
Remember this inner curly brace right here represents a javascript object.
So we need to make sure that it has the appropriate syntax for a javascript object.
Next up I'm going to look at the different property names and find any location where we have a compound
property style.
So that would be right here we have background dash color then remove the dash and capitalized letter
right after it.
And then finally the very last step in this one is a little bit confusing because I didn't very directly
mention it.
We need to make sure that these values are wrapped in a string so I can wrap it with a single quote
like the OK so that's it.
That's how we would update that H-2 e-mail inline style to be the equivalent GSX.
Now I can save this Oliv. both buttons and here just to make sure that they both work.
Actually I shouldn't say that this first button is still going to continue to throw an error or something
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.
Perfect.
So I now see the button is blue with white text.
Now one thing I want to address very quickly.
You might have noticed that for these values right here of blue and white I used single quotes whereas
for all the GSX I use double quotes instead.
So this is a little bit of community convention.
Well have community convention and half requirement of GSX.
First off which sex we are supposed to use double quotes anytime that we want to indicate a string.
So in all these locations here like label name name text we are supposed to use double quotes but then
for any non GSX property by convention in the javascript community traditionally we make use of single
quotes but there are certainly tons of people tons of Engineers tons of companies that prefer to use
double quotes everywhere instead.
So you can do it either way.
It's totally up to you.
At the end of the day there's no difference right here.
If I put double quotes instead of single I just want to highlight that you can make your own decision
there into whichever you prefer.
Now I'm going to be following the convention of using double quotes for all of my GSX properties and
then single quotes everywhere else.
But again do as you please.
OK.
This looks pretty good.
Now let's take another quick pause.
When we come back we're going to start to talk about the next difference between GSX and HVM El.