Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,256 --> 00:00:03,328
What's my car metre upgrade screen scroll
2
00:00:04,096 --> 00:00:04,864
So that we can
3
00:00:05,120 --> 00:00:05,888
More upgrades
4
00:00:06,144 --> 00:00:07,936
I'm going to open up the menu here
5
00:00:09,472 --> 00:00:10,752
What we want to use is
6
00:00:11,008 --> 00:00:13,056
Under as a child and the Martin contain
7
00:00:13,568 --> 00:00:15,360
What are childhood we want to use a
8
00:00:15,616 --> 00:00:16,384
Scorpion
9
00:00:16,896 --> 00:00:18,432
And let's put a scroll container
10
00:00:18,688 --> 00:00:21,504
What's the first child and then let's make a great contain
11
00:00:21,760 --> 00:00:23,296
A child of the school
12
00:00:24,320 --> 00:00:27,392
Now that bridge container is going to shrink over to the side
13
00:00:27,648 --> 00:00:29,184
And that's because
14
00:00:29,440 --> 00:00:30,720
It's no longer
15
00:00:30,976 --> 00:00:33,024
Being positioned in the same way
16
00:00:33,536 --> 00:00:35,840
So we actually need to go down Bridge antenna
17
00:00:36,096 --> 00:00:37,888
Container sizing and then click export
18
00:00:38,656 --> 00:00:39,424
And that should
19
00:00:39,936 --> 00:00:41,984
Make everything go into the centre
20
00:00:42,240 --> 00:00:43,008
Like we expect
21
00:00:43,264 --> 00:00:44,544
Now by duplicate
22
00:00:44,800 --> 00:00:46,080
Upgrade card
23
00:00:46,336 --> 00:00:47,104
You can see now
24
00:00:47,360 --> 00:00:47,872
Dad
25
00:00:48,128 --> 00:00:48,896
There is a scrollbar
26
00:00:49,152 --> 00:00:49,920
On the right hand side
27
00:00:50,944 --> 00:00:56,832
And I can just do book a couple more and as we add items the scrollbar appears now this looks a little bit awkward
28
00:00:57,088 --> 00:01:00,141
Because we have this margin container in place
29
00:01:00,143 --> 00:01:02,747
Subtitled by
online-courses.club
We compress knowledge for you!
30
00:01:02,748 --> 00:01:04,256
And so we actually need to change the order of these things so
31
00:01:04,512 --> 00:01:08,096
I'm going to put the scroll container above the margin container like so
32
00:01:08,352 --> 00:01:12,448
And then select the Anchor presets with my scroll container selected
33
00:01:12,704 --> 00:01:14,240
And said that too
34
00:01:14,496 --> 00:01:15,520
4
35
00:01:16,288 --> 00:01:18,592
Ok so now that brings it to the edges
36
00:01:18,848 --> 00:01:20,384
We still want some padding
37
00:01:20,896 --> 00:01:22,944
So let's put the margin container as a child
38
00:01:23,200 --> 00:01:23,968
Scroll container
39
00:01:24,992 --> 00:01:28,064
And then let's Drive the grid-container as a child at the margin container
40
00:01:29,856 --> 00:01:31,904
Text an hour dinner oven reset
41
00:01:32,160 --> 00:01:33,440
But that's ok
42
00:01:33,952 --> 00:01:35,232
We just need to
43
00:01:35,488 --> 00:01:37,280
So I can margin container
44
00:01:38,048 --> 00:01:38,560
Just like so
45
00:01:39,072 --> 00:01:40,352
And scroll down
46
00:01:40,864 --> 00:01:42,912
And we want to select expand for the
47
00:01:43,936 --> 00:01:45,728
For now that you should see is that
48
00:01:46,240 --> 00:01:47,520
The scroll bar is now
49
00:01:47,776 --> 00:01:48,800
Perfectly online
50
00:01:49,312 --> 00:01:51,360
With the side of the window
51
00:01:52,384 --> 00:01:53,920
And then our margin container
52
00:01:54,176 --> 00:01:57,504
Is allowing us to have some padding around the Top
53
00:01:58,016 --> 00:01:59,296
Down to the bottom of the wind
54
00:01:59,808 --> 00:02:02,112
Alright so everything here is looking great
55
00:02:02,624 --> 00:02:06,464
No of course we do need to style this but before we do that let's just open it
56
00:02:06,720 --> 00:02:08,256
In order to do that we need to stop
57
00:02:08,512 --> 00:02:09,024
Reading
58
00:02:09,536 --> 00:02:13,632
These placeholder cards here so what I'm going to do as I'm simply just going to
59
00:02:14,144 --> 00:02:18,496
Calming down both of these for Loops by highlighting them and then heating control care
60
00:02:19,776 --> 00:02:22,848
And now I can't click this run current scene
61
00:02:23,104 --> 00:02:24,640
And you can see now that
62
00:02:24,896 --> 00:02:26,688
You can scroll with the mouse wheel
63
00:02:27,200 --> 00:02:27,968
And everything
64
00:02:28,224 --> 00:02:28,992
Great
65
00:02:29,504 --> 00:02:32,064
Also noticed is that a back button
66
00:02:32,320 --> 00:02:33,344
Is scrolling with it
67
00:02:33,600 --> 00:02:34,880
And that's not something that we were
68
00:02:35,136 --> 00:02:35,904
To happen
69
00:02:36,160 --> 00:02:37,440
So let's make a couple of Ages
70
00:02:38,464 --> 00:02:40,512
To resolve this back button scrolling
71
00:02:41,280 --> 00:02:42,048
Let's do this
72
00:02:43,072 --> 00:02:45,376
Let's copy this Martin container in paste
73
00:02:45,888 --> 00:02:47,424
At the root of the menu here
74
00:02:47,936 --> 00:02:49,984
That's going to create a lot of problems but that's ok
75
00:02:50,240 --> 00:02:53,312
Read delete the great container in at 2nd March in containers
76
00:02:53,824 --> 00:02:56,640
And then we'll just have our own Martin container here
77
00:02:56,896 --> 00:02:57,408
With a bang
78
00:02:57,920 --> 00:03:03,552
Why do we copy it because now we have all of the padding that's the same so that these things are
79
00:03:03,808 --> 00:03:04,832
Find at the top rate
80
00:03:05,600 --> 00:03:07,136
And then in a scroll container
81
00:03:08,160 --> 00:03:10,464
Let's delete the back button from our scroll contain
82
00:03:10,976 --> 00:03:13,024
And I make sure this is very important
83
00:03:13,536 --> 00:03:15,840
Make sure to mark the new back but
84
00:03:16,096 --> 00:03:17,888
As axis as unique name
85
00:03:18,656 --> 00:03:21,984
And then move the margin container that contains the back button
86
00:03:22,240 --> 00:03:23,008
Hello
87
00:03:23,264 --> 00:03:24,032
Describing
88
00:03:24,544 --> 00:03:29,152
Ok and make sure your Martin container looks like this in terms of its bounding rectangle
89
00:03:29,408 --> 00:03:31,456
If it's full screen it will block
90
00:03:31,968 --> 00:03:33,504
The employee of the rest of the
91
00:03:33,760 --> 00:03:34,272
You are
92
00:03:35,296 --> 00:03:36,064
St Helens run
93
00:03:36,832 --> 00:03:41,696
This any casino or back button is fixed to the top left and we can scroll our lives
94
00:03:42,976 --> 00:03:46,560
One thing we can do to improve the visuals here is go to the grid container
95
00:03:46,816 --> 00:03:49,632
And let's make the visa operation the same as the HD
96
00:03:50,144 --> 00:03:50,656
Console
97
00:03:50,912 --> 00:03:51,424
16
98
00:03:51,680 --> 00:03:54,496
Add that makes it look a lot more uniform
99
00:03:55,520 --> 00:03:58,592
And the final thing to do is to style this scroll contain
100
00:03:59,104 --> 00:04:02,432
So let's open up our theme by searching for the theme in the
101
00:04:02,944 --> 00:04:03,712
File system
102
00:04:03,968 --> 00:04:05,504
What are theme open
103
00:04:05,760 --> 00:04:10,112
We need to override a style now the style we want to override is not
104
00:04:10,624 --> 00:04:11,648
The scroll container
105
00:04:12,416 --> 00:04:14,976
Because the score container is not the thing
106
00:04:15,232 --> 00:04:17,024
That controls the styling on the bar
107
00:04:17,280 --> 00:04:19,583
It's the V scrollbar
108
00:04:19,839 --> 00:04:20,863
The vertical scrollbar
109
00:04:21,119 --> 00:04:21,887
That we needed
110
00:04:22,399 --> 00:04:23,935
So search for vs crowbar
111
00:04:24,447 --> 00:04:25,727
Doubleclick to edit
112
00:04:25,983 --> 00:04:27,519
And then now he's got all of the
113
00:04:27,775 --> 00:04:29,311
No you'll notice that this
114
00:04:29,823 --> 00:04:31,103
Suspiciously similar
115
00:04:31,359 --> 00:04:32,383
2 hour
116
00:04:32,639 --> 00:04:33,151
Slide
117
00:04:33,407 --> 00:04:37,247
Right so what I'm going to do is I'm going to go to my age slider
118
00:04:37,503 --> 00:04:39,039
And I'm going to copy
119
00:04:39,295 --> 00:04:40,063
A lot of these
120
00:04:40,319 --> 00:04:40,831
Styles
121
00:04:41,343 --> 00:04:44,159
So first I'm going to copy the style box flat for the slide
122
00:04:44,415 --> 00:04:44,927
Copy
123
00:04:45,439 --> 00:04:47,231
Then go back to the bistro bar
124
00:04:47,487 --> 00:04:49,279
I'm going to override the scroll
125
00:04:49,791 --> 00:04:50,303
Proper
126
00:04:50,815 --> 00:04:51,583
And then pissed
127
00:04:53,119 --> 00:04:57,471
Now if I click away and then go back into the scenes or go to main menu then go back to many men
128
00:04:57,727 --> 00:04:59,519
You see that has been updated
129
00:04:59,775 --> 00:05:00,287
So that's good
130
00:05:00,799 --> 00:05:02,079
Go back to our slider
131
00:05:02,335 --> 00:05:04,639
Let's copy the grabber area here
132
00:05:05,151 --> 00:05:06,431
So copy that Style
133
00:05:07,199 --> 00:05:08,479
Go to the bistro bar
134
00:05:08,735 --> 00:05:09,247
And then
135
00:05:09,503 --> 00:05:11,551
Piste or override the grabber
136
00:05:12,063 --> 00:05:13,343
And Peace that in there
137
00:05:13,855 --> 00:05:15,647
And have you click back and click over
138
00:05:15,903 --> 00:05:16,671
You should see the
139
00:05:16,927 --> 00:05:18,719
The scroll bar has disappeared in that's fine
140
00:05:19,487 --> 00:05:22,815
Because we're going to go back to Rhyl or no
141
00:05:23,071 --> 00:05:25,375
Copy the grabber area highlight now
142
00:05:26,143 --> 00:05:27,679
Go back to view scroll bar
143
00:05:28,191 --> 00:05:28,703
And then
144
00:05:28,959 --> 00:05:31,519
Override a Grabber highlight in pasted in there
145
00:05:32,799 --> 00:05:34,335
Number for eagle
146
00:05:34,847 --> 00:05:35,359
Further
147
00:05:35,615 --> 00:05:40,479
Go ahead and make all of these Styles unique because we copy and paste with them right so we need to click
148
00:05:40,735 --> 00:05:41,503
Drop down
149
00:05:41,759 --> 00:05:42,783
Click make unique
150
00:05:43,551 --> 00:05:45,599
On all of those that we've over it
151
00:05:47,135 --> 00:05:52,511
And the reason that our scrollbar is not showing up is because we need to change this
152
00:05:52,767 --> 00:05:53,535
Scroll
153
00:05:54,303 --> 00:05:55,327
Style so
154
00:05:55,583 --> 00:05:57,375
Again make sure that you have
155
00:05:57,631 --> 00:05:59,935
Mark everything as unique if you haven't
156
00:06:00,191 --> 00:06:04,031
Then you're going to inadvertently modify the styles that we copy
157
00:06:04,287 --> 00:06:05,567
Which is going to affect our
158
00:06:06,079 --> 00:06:06,847
Age slider
159
00:06:07,103 --> 00:06:11,711
So when do marketers as unique click into the scroll and what we need to change here's the content
160
00:06:12,479 --> 00:06:12,991
So
161
00:06:13,247 --> 00:06:16,063
Let's remove the contents margins for the top
162
00:06:16,575 --> 00:06:18,623
And the bottom so sisters 20
163
00:06:19,391 --> 00:06:22,719
And then for left and right let's you something like
164
00:06:22,975 --> 00:06:24,255
4 and 4
165
00:06:25,279 --> 00:06:30,911
Have you clicked over the main menu and click the menu you'll end up with something like this as a very nice looking scrollbar
166
00:06:31,167 --> 00:06:31,935
And if we
167
00:06:32,447 --> 00:06:35,775
Run that seem we should be able to go out and grab it now
168
00:06:36,031 --> 00:06:39,359
There is a different style when it's focused which we will address
169
00:06:39,871 --> 00:06:41,919
Well let's go ahead and change that colour
170
00:06:42,175 --> 00:06:43,967
Before we go any further so
171
00:06:44,479 --> 00:06:46,271
The grabber highlight
172
00:06:46,783 --> 00:06:50,111
What's click into the grabber highlight style and change this bgcolor
173
00:06:50,367 --> 00:06:53,439
And I'm going to use the same yellow as the buttons in that is
174
00:06:53,695 --> 00:06:55,487
Hex code fy
175
00:06:55,743 --> 00:06:56,511
A&E
176
00:06:57,023 --> 00:06:57,535
34
177
00:06:58,047 --> 00:06:59,583
So I can have
178
00:06:59,839 --> 00:07:00,607
A
179
00:07:01,631 --> 00:07:03,423
And I'm going to add it to my swatches
180
00:07:03,935 --> 00:07:05,727
Anna let's go back clicking this
181
00:07:05,983 --> 00:07:07,775
Previous added button here
182
00:07:08,031 --> 00:07:11,615
And we need to change it for the grabber as well so there's bgcolor
183
00:07:11,871 --> 00:07:13,151
Change it to that same car
184
00:07:14,431 --> 00:07:16,479
Ok so now click over collect back
185
00:07:16,735 --> 00:07:18,271
Now we've got a nice
186
00:07:19,039 --> 00:07:22,111
Yellow bar which is nice because that indicate
187
00:07:22,367 --> 00:07:25,951
In our game in interactive UI element just like the buttons right
188
00:07:26,975 --> 00:07:30,303
Get some now we need to change this crap rest
189
00:07:30,559 --> 00:07:32,095
We're just going to use the same
190
00:07:32,607 --> 00:07:35,167
The same style so override Greville press
191
00:07:35,679 --> 00:07:36,703
And copy
192
00:07:37,471 --> 00:07:40,799
The grabber or the grabber highlight and paste in there
193
00:07:41,311 --> 00:07:42,591
And then make that unique
194
00:07:42,847 --> 00:07:43,359
As well
195
00:07:44,127 --> 00:07:47,711
So now let's run the scene you should be able to grab the grabbing
196
00:07:48,223 --> 00:07:49,759
And a truly change size
197
00:07:50,015 --> 00:07:52,063
But we can grab it and scroll
198
00:07:52,319 --> 00:07:54,111
And a let's make sure the back button works
199
00:07:55,391 --> 00:07:56,159
There we go
200
00:07:56,671 --> 00:07:59,231
So now we have scrolling capabilities in our menu
201
00:07:59,743 --> 00:08:02,047
So let's go ahead before we end this lesson
202
00:08:02,815 --> 00:08:05,375
Open up your madam manuscript
203
00:08:05,887 --> 00:08:08,703
And uncommon doors Lines by hidden control k
204
00:08:09,215 --> 00:08:10,751
And then let's just for good measure
205
00:08:11,007 --> 00:08:12,287
Run this again
206
00:08:12,543 --> 00:08:15,871
And now we're not seeing a scrollbar because there's not enough content to school
207
00:08:16,383 --> 00:08:20,735
Alright and then one final styling thing we should do if we should add a disabled state
208
00:08:20,991 --> 00:08:21,503
4
209
00:08:22,271 --> 00:08:22,783
This bar
210
00:08:23,295 --> 00:08:29,439
So the other disabled state when you open a bar theme let's go back to button so the type
211
00:08:29,695 --> 00:08:30,463
Bounce like a bunny
212
00:08:30,719 --> 00:08:32,255
And we need a disabled Style
213
00:08:32,767 --> 00:08:35,327
What I'm going to do as I'm going to copy the normal style here
214
00:08:35,839 --> 00:08:36,607
Copy that
215
00:08:36,863 --> 00:08:38,655
Override a disabled by clicking the plus
216
00:08:39,679 --> 00:08:40,703
Put the drop down
217
00:08:40,959 --> 00:08:42,495
Paste that style in there
218
00:08:42,751 --> 00:08:44,031
Click the drop down again
219
00:08:44,287 --> 00:08:45,055
Click making
220
00:08:45,823 --> 00:08:47,615
Let's go into that disabled texture
221
00:08:48,127 --> 00:08:49,407
And I'm actually going to use
222
00:08:49,919 --> 00:08:51,199
Another text here
223
00:08:51,455 --> 00:08:52,991
So I didn't create a button text
224
00:08:53,247 --> 00:08:53,759
Specifically
225
00:08:54,015 --> 00:08:56,319
But if we click the Edit region
226
00:08:56,575 --> 00:08:57,599
In the submarine
227
00:08:59,135 --> 00:09:03,999
Like snap mode pixel snap I'm going to select this sort of secondary panel
228
00:09:04,255 --> 00:09:05,279
That we created
229
00:09:05,791 --> 00:09:07,327
And I'm just going to
230
00:09:07,583 --> 00:09:09,631
Move the margins so that
231
00:09:09,887 --> 00:09:12,191
One pixel down from each side
232
00:09:12,703 --> 00:09:13,983
And then I'm going to close down
233
00:09:14,495 --> 00:09:16,031
And now it's run I met a man
234
00:09:16,287 --> 00:09:18,591
Are disabled button should look like that
235
00:09:19,615 --> 00:09:20,127
And then
236
00:09:20,383 --> 00:09:23,199
We need to change the colour of that text as well
237
00:09:23,455 --> 00:09:23,967
So
238
00:09:24,479 --> 00:09:26,783
Let's open backup that theme
239
00:09:27,039 --> 00:09:28,063
Go to the
240
00:09:28,831 --> 00:09:29,855
Colour option
241
00:09:30,111 --> 00:09:31,135
And we have this for
242
00:09:31,391 --> 00:09:32,415
Disabled colour
243
00:09:32,927 --> 00:09:38,303
What's going on over ride at Fantasy able to colour in the colour that I'm going to use for the disabled is 8B
244
00:09:38,815 --> 00:09:39,583
9b
245
00:09:40,095 --> 00:09:40,863
Before
246
00:09:41,119 --> 00:09:42,655
And add that to my swatches
247
00:09:44,191 --> 00:09:44,703
The game
248
00:09:45,471 --> 00:09:46,495
Run that seem real
249
00:09:47,007 --> 00:09:49,823
You can see that there's we have I disable the font colour here
250
00:09:50,079 --> 00:09:53,151
Alright so Alameda menu is now in good shape
17070
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.
Afrikaans
Akan
Albanian
Amharic
Arabic
Armenian
Azerbaijani
Basque
Belarusian
Bemba
Bengali
Bihari
Bosnian
Breton
Bulgarian
Cambodian
Catalan
Cebuano
Cherokee
Chichewa
Chinese (Simplified)
Chinese (Traditional)
Corsican
Croatian
Czech
Danish
Dutch
English
Esperanto
Estonian
Faroese
Finnish
Galician
Georgian
German
Greek
Guarani
Haitian Creole
Hausa
Hawaiian
Hebrew
Hmong
Hungarian
Icelandic
Irish
Italian
Japanese
Javanese
Kazakh
Kinyarwanda
Kirundi
Kongo
Korean
Krio (Sierra Leone)
Kurdish
Kyrgyz
Laothian
Latin
Latvian
Lithuanian
Luganda
Luo
Luxembourgish
Macedonian
Malagasy
Malay
Maltese
Maori
Mauritian Creole
Moldavian
Mongolian
Myanmar (Burmese)
Montenegrin
Nepali
Norwegian
Pashto
Persian
Polish
Portuguese (Brazil)
Portuguese (Portugal)
Quechua
Romanian
Romansh
Russian
Samoan
Scots Gaelic
Serbian
Sesotho
Setswana
Seychellois Creole
Shona
Sindhi
Sinhalese
Slovak
Slovenian
Somali
Spanish
Swedish
Tajik
Thai
Tigrinya
Tonga
Turkish
Turkmen
Ukrainian
Uzbek
Vietnamese
Welsh
Wolof