You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: codelabs/context_menu_option/context_menu_option.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -357,4 +357,4 @@ In this codelab you have learned how to create and modify context menu options.
357
357
358
358
-[Context menu documentation](https://developers.google.com/blockly/guides/configure/web/context-menus)
359
359
360
-
- You can also define [block context menus](https://developers.google.com/blockly/guides/create-custom-blocks/define-blocks#context_menus) directly on a block definition, which is equivalent to adding a precondition based on the type of the block.
360
+
- You can also define [block context menus](https://developers.google.com/blockly/guides/configure/web/context-menus#customize_per_block) directly on a block definition, which is equivalent to adding a precondition based on the type of the block.
A value block's generator returns an array containing a string and a [precedence value](https://developers.google.com/blockly/guides/create-custom-blocks/operator-precedence). The built-in generators have predefined operator precedence values exported as an `Order` enum.
288
+
A value block's generator returns an array containing a string and a [precedence value](https://developers.google.com/blockly/guides/create-custom-blocks/code-generation/operator-precedence). The built-in generators have predefined operator precedence values exported as an `Order` enum.
289
289
290
290
This code defines a block generator that always returns `1 + 1`:
291
291
@@ -301,7 +301,7 @@ Operator precedence rules determine how the correct order of operations is maint
301
301
302
302
--> Read more about [operator precedence in JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence).
303
303
304
-
--> Read more about [operator precedence in Blockly](https://developers.google.com/blockly/guides/create-custom-blocks/operator-precedence).
304
+
--> Read more about [operator precedence in Blockly](https://developers.google.com/blockly/guides/create-custom-blocks/code-generation/operator-precedence).
305
305
306
306
Since JSON does not allow values that are expressions, the code does not need to consider operator precedence for the generator being built in this codelab. The same value can be used everywhere a precedence value is required. Since parentheses never need to be added to the JSON, call this value `ATOMIC`.
Copy file name to clipboardExpand all lines: codelabs/custom_toolbox/custom_toolbox.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -33,9 +33,9 @@ The code samples are written in ES6 syntax. You can find the code for the [compl
33
33
- A browser.
34
34
- A text editor.
35
35
- Basic knowledge of HTML, CSS, and JavaScript.
36
-
- Basic understanding of the [Blockly toolbox](https://developers.google.com/blockly/guides/configure/web/toolbox).
36
+
- Basic understanding of the [Blockly toolbox](https://developers.google.com/blockly/guides/configure/web/toolboxes/toolbox).
37
37
38
-
Throughout various parts of this codelab we will be talking about [toolbox definitions](https://developers.google.com/blockly/guides/configure/web/toolbox#xml).
38
+
Throughout various parts of this codelab we will be talking about [toolbox definitions](https://developers.google.com/blockly/guides/configure/web/toolboxes/category#xml).
39
39
The toolbox definition can be written in XML or JSON. We will be using an XML
40
40
toolbox definition that can be found in the provided code.
41
41
@@ -149,7 +149,7 @@ The logic_category style looks like:
149
149
"colour": "210"
150
150
}
151
151
```
152
-
For more information on Blockly styles please visit the [themes documentation](https://developers.google.com/blockly/guides/configure/web/themes#category_style).
152
+
For more information on Blockly styles please visit the [themes documentation](https://developers.google.com/blockly/guides/configure/web/appearance/themes#category_style).
153
153
154
154
### Add some CSS
155
155
@@ -254,7 +254,7 @@ to be:
254
254
<categorycss-icon="customIcon fa fa-cog"name="Logic"categorystyle="logic_category">
255
255
```
256
256
All the classes used to create a category can be set similar to how we set the
257
-
icon class above. See the [Blockly toolbox documentation](https://developers.google.com/blockly/guides/configure/web/toolbox#category_css) for more information.
257
+
icon class above. See the [Blockly toolbox documentation](https://developers.google.com/blockly/guides/configure/web/toolboxes/appearance#category_css) for more information.
258
258
259
259
### Add some CSS
260
260
If you open `index.html` you will notice that the gear icon is positioned
Copy file name to clipboardExpand all lines: codelabs/getting_started/getting_started.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -139,7 +139,7 @@ The toolbox may be organized into categories, and may contain both single blocks
139
139
140
140
A toolbox is defined as a JavaScript object and passed into the workspace constructor through an options struct.
141
141
142
-
For more information on this JSON format and toolbox configuration, including category creation, please see our <ahref="https://developers.google.com/blockly/guides/configure/web/toolbox">toolbox documentation</a>.
142
+
For more information on this JSON format and toolbox configuration, including category creation, please see our <ahref="https://developers.google.com/blockly/guides/configure/web/toolboxes/toolbox">toolbox documentation</a>.
143
143
144
144
145
145
### Define the toolbox
@@ -204,7 +204,7 @@ Let's look at the options we used to initialize your blockly editor:
204
204
-`horizontalLayout`: Whether to display the toolbox horizontally or vertically in the workspace.
205
205
-`toolboxPosition`: Whether to show the toolbox at the top or bottom of the workspace.
206
206
207
-
The `options` struct gives you significant control over your Blockly instance. You can pass options to set Blockly's theme, modify scrolling behaviour, set the renderer, and more. For more information, head over to Blockly's developer site and check out the [configuration](https://developers.google.com/blockly/guides/get-started/web#configuration) section.
207
+
The `options` struct gives you significant control over your Blockly instance. You can pass options to set Blockly's theme, modify scrolling behaviour, set the renderer, and more. For more information, head over to Blockly's developer site and check out the [configuration](https://developers.google.com/blockly/guides/configure/web/configuration_struct#the_options_dictionary) section.
208
208
209
209
### Check your work
210
210
@@ -222,7 +222,7 @@ Since this is a music maker app, we want a block that plays sounds. We could cre
222
222
223
223
In Blockly, a *block definition* describes how a block looks and behaves. This includes its text, colour, and shape. It may also include which other blocks it can connect to.
224
224
225
-
Blocks can be defined in either JavaScript or JSON. The developer site has a full article on [how to define a block](https://developers.google.com/blockly/guides/create-custom-blocks/define-blocks).
225
+
Blocks can be defined in either JavaScript or JSON. The developer site has a full article on [how to define a block](https://developers.google.com/blockly/guides/create-custom-blocks/define/block-definitions#how_to_create_block_definitions).
226
226
227
227
In this codelab we will simply provide the block definition for you to copy and use.
228
228
@@ -395,7 +395,7 @@ translates into the JavaScript code:
395
395
MusicMaker.queueSound('Sounds/c4.m4a');
396
396
```
397
397
398
-
For more information on generators, read the [generating code](https://developers.google.com/blockly/guides/create-custom-blocks/generating-code) page on the developer site.
398
+
For more information on block generators, read the [generating code](https://developers.google.com/blockly/guides/create-custom-blocks/code-generation/overview#block-code_generators) page on the developer site.
399
399
400
400
## Run generated code
401
401
@@ -458,6 +458,6 @@ Save and exit the edit mode. Now if you tap this button, you should hear the D4
458
458
459
459
And with that, you're done with the Blockly codelab! If you'd like to continue playing with the app, we suggest adding or changing the available blocks. There are sample sound files in the `sounds` folder - try hooking them up to a new block!
460
460
461
-
For more documentation, visit the [Blockly developer site](https://developers.google.com/blockly/).
461
+
For more documentation, visit the [Blockly developer site](https://developers.google.com/blockly/guides/get-started/what-is-blockly).
462
462
463
463
Additionally, Blockly has an active [developer forum](https://groups.google.com/forum/#!forum/blockly). Please drop by and say hello. We're happy to answer any questions or give advice on best practices for building an app with Blockly. Feel free to show us your prototypes early; collectively we have a lot of experience and can offer hints which will save you time.
Copy file name to clipboardExpand all lines: codelabs/theme_extension/theme_extension.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -171,7 +171,7 @@ Clicking on a category will highlight the row with your new colour.
171
171
## Customize Block Styles
172
172
A block style currently only holds three different colour properties. They are 'colourPrimary',
173
173
'colourSecondary' and 'colourTertiary'. This value can either be defined as a hex value or as a hue.
174
-
For more information on block styles visit our themes [documentation](https://developers.google.com/blockly/guides/configure/web/themes#block_style)
174
+
For more information on block styles visit our themes [documentation](https://developers.google.com/blockly/guides/configure/web/appearance/themes#block_style)
175
175
176
176
Update the Theme definition to have the block styles as below.
177
177
@@ -245,6 +245,6 @@ In this codelab you have learned how to extend and customize themes for the bloc
- You can also customize the font styles. Details are available in the [documentation](https://developers.google.com/blockly/guides/configure/web/themes#font_styles).
250
+
- You can also customize the font styles. Details are available in the [documentation](https://developers.google.com/blockly/guides/configure/web/appearance/themes#font_styles).
Copy file name to clipboardExpand all lines: codelabs/validation_and_warnings/validation_and_warnings.md
+7-7Lines changed: 7 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -25,8 +25,8 @@ You can find the code for the [completed custom block](https://github.com/google
25
25
- A browser.
26
26
- A text editor.
27
27
- Basic knowledge of JavaScript.
28
-
- Basic understanding of the [Blockly toolbox](https://developers.google.com/blockly/guides/configure/web/toolbox).
29
-
- Basic understanding of [using JSON to define custom blocks](https://developers.google.com/blockly/guides/create-custom-blocks/define-blocks).
28
+
- Basic understanding of the [Blockly toolbox](https://developers.google.com/blockly/guides/configure/web/toolboxes/toolbox).
29
+
- Basic understanding of [using JSON to define custom blocks](https://developers.google.com/blockly/guides/create-custom-blocks/define/structure-json).
30
30
31
31
## Setup
32
32
@@ -270,10 +270,10 @@ You can find the code for the [completed custom block](https://github.com/google
270
270
271
271
### Resources
272
272
For more information related topics, check out the documentation:
273
-
*[Defining the toolbox](https://developers.google.com/blockly/guides/configure/web/toolbox)
0 commit comments