Skip to content

Correct schema name in PropertyEditor example #6442

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Sep 24, 2024
Merged

Correct schema name in PropertyEditor example #6442

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
babdfc4
Correct schema name
Rockerby Sep 21, 2024
5b7fb1b
Minor changes to re-run checks
sofietoft Sep 23, 2024
5ced621
Small changes to re-run GitBook checks
sofietoft Sep 24, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions 14/umbraco-cms/customizing/property-editors/composition/property-editor-ui.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,18 +23,18 @@ The Property Editor UI is a pure front-end extension. This determines how the da
"elementName": "my-text-box",
"meta": {
"label": "My Text Box",
"propertyEditorSchema": "Umbraco.TextBox",
"propertyEditorSchemaAlias": "Umbraco.TextBox",
"icon": "icon-autofill",
"group": "common"
}
}
```

If no Property Editor Schema is specified in the manifest, the Property Editor UI cannot be used for Content Types. However, it can still be utilized to manipulate JSON. A case of that could be a Settings property for another Property Editor UI or Schema.
The Property Editor UI cannot be used for Content Types if no Property Editor Schema is specified in the manifest. However, it can still be utilized to manipulate JSON. A case of that could be a Settings property for another Property Editor UI or Schema.

### Settings

The Property Editor UI settings are used for configuration that is related to rendering the UI in the backoffice. This is the same for Property Editor Schemas:
The Property Editor UI settings are used for configuration related to rendering the UI in the backoffice. This is the same for Property Editor Schemas:

{% hint style="info" %}
The Property Editor UI inherits the Settings of its Property Editor Schema.
Expand Down Expand Up @@ -73,14 +73,14 @@ The Property Editor UI inherits the Settings of its Property Editor Schema.

Inherit the interface, to secure your Element live up to the requirements of this.

```ts
```typescript
// TODO: get interface
interface UmbPropertyEditorUIElement {}
```

**Example with LitElement**

```ts
```typescript
import { LitElement, html, css, customElement, property } from '@umbraco-cms/backoffice/external/lit';
import { UmbElementMixin } from '@umbraco-cms/backoffice/element-api';
import { UmbPropertyValueChangeEvent } from '@umbraco-cms/backoffice/property-editor';
Expand Down