Merge pull request #2425 from umbraco/v15/feature/minor-custom-view-example-update

Chore: Block Custom View — update comment and example

src/Umbraco.Web.UI.Client/examples/block-custom-view/block-custom-view.ts

@@ -32,7 +32,8 @@ export class ExampleBlockCustomView extends UmbElementMixin(LitElement) implemen
 				display: block;
 				height: 100%;
 				box-sizing: border-box;
-				background-color: #dddddd;
+				background-color: red;
+				color: white;
 				border-radius: 9px;
 				padding: 12px;
 			}

src/Umbraco.Web.UI.Client/examples/block-custom-view/index.ts

@@ -5,6 +5,6 @@ export const manifests: Array<UmbExtensionManifest> = [
 		name: 'Block Editor Custom View Test',
 		element: () => import('./block-custom-view.js'),
 		forContentTypeAlias: 'headlineUmbracoDemoBlock',
-		forBlockEditor: 'block-list',
+		forBlockEditor: ['block-list', 'block-grid'],
 	},
 ];

src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.ts

@@ -363,6 +363,7 @@ export class UmbBlockGridEntryElement extends UmbLitElement implements UmbProper
 	};
 
 	#extensionSlotFilterMethod = (manifest: ManifestBlockEditorCustomView) => {
+		// We do have _contentTypeAlias at this stage, cause we do use the filter method in the extension slot which first gets rendered when we have the _contentTypeAlias. [NL]
 		if (
 			manifest.forContentTypeAlias &&
 			!stringOrStringArrayContains(manifest.forContentTypeAlias, this._contentTypeAlias!)