Skip to content

Commit 94b8897

Browse files
committed
update block custom view
1 parent 72c8685 commit 94b8897

File tree

2 files changed

+10
-4
lines changed
  • 16/umbraco-cms/customizing/extending-overview/extension-types
  • 17/umbraco-cms/customizing/extending-overview/extension-types

2 files changed

+10
-4
lines changed

16/umbraco-cms/customizing/extending-overview/extension-types/block-custom-view.md

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,11 @@ The Block Custom View extension type lets you define a Web Component for represe
88

99
## Build a Custom View
1010

11+
{% hint style="info" %}
12+
Before creating a Block Custom View, make sure you are familiar with the [Extension Registry in Umbraco](https://docs.umbraco.com/umbraco-cms/customizing/extending-overview/extension-registry/extension-registry).
13+
You can also refer to the tutorial [Custom Views for Block List](https://docs.umbraco.com/umbraco-cms/tutorials/creating-custom-views-for-blocklist) for a step-by-step guide.
14+
{% endhint %}
15+
1116
1. Make a Document Type with a Property using a Block Editor of choice.
1217
2. Configure at least one Block Type on the Block Editor.
1318
3. Ensure the Element Type of the Blocks Content Model has a property using `headline` as the Property Alias.
@@ -25,11 +30,12 @@ The Block Custom View extension type lets you define a Web Component for represe
2530
"type": "blockEditorCustomView",
2631
"alias": "my.blockEditorCustomView.Example",
2732
"name": "My Example Custom View",
28-
"element": "/App_Plugins/welcome-dashboard/dist/example-block-custom-view.js",
29-
"forContentTypeAlias": "{Insert Element Type Alias here}"
33+
"element": "/App_Plugins/block-custom-view/dist/example-block-custom-view.js",
34+
"forContentTypeAlias": "myElementTypeAlias", // insert element type alias here
35+
"forBlockEditor": "block-list" // insert block type here
3036
}
3137
]
32-
38+
}
3339
```
3440
{% endcode %}
3541

17/umbraco-cms/customizing/extending-overview/extension-types/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ The `backofficeEntryPoint` extension type is used to execute JavaScript upon ini
2323

2424
### [Block Custom View](block-custom-view.md)
2525

26-
The `blockEditorCustomView` extension type is used to define a custom web component for representing blocks inside the Umbraco block grid property editor.
26+
The `blockEditorCustomView` extension type is used to define a custom web component for representing blocks inside the Umbraco block property editor.
2727

2828
### [Bundle](bundle.md)
2929

0 commit comments

Comments
 (0)