Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • konius 10 posts 40 karma points
    7 days ago
    konius
    0

    umb-property validation Umbraco v14

    Hi,

    I am trying to run a umb-property-dataset and umb-property setup for a custom property editor or dashboard for Umbraco 14, however I can't get the front-end validation working.

    Has anyone got examples how to set it up?

    return html`<umb-property-dataset
    .value=${this.value && this.value.properties ? this.value.properties : []}
    @change=${this.#onPropertyDataChange}>
    ${repeat(
        this._settings ?? [],
        (itm) => itm.key,
        (itm) => html`<umb-property     
            alias=${itm.alias}
            label=${itm.label}
            description=${itm.description}
            .dataPath="$.values[${this._settings?.indexOf(itm)}].value"
            .config=${itm.config}
            .appearance=${appearance}
            property-editor-ui-alias=${itm.editorUiAlias}>
        </umb-property>`)}
    

    `

    Thanks,

    Paulius

  • Bishal Tim 11 posts 100 karma points c-trib
    7 days ago
    Bishal Tim
    0

    hi @konius

    im also working on using

      <umb-property
       label="Name"
       description="Enter the name"
       alias="textProperty"
       property-editor-ui-alias="Umb.PropertyEditorUi.TextBox"
       .value=${this.name}
       @value-changed=${(e: any) => {
    

    this.name = e.detail.value; }}>

    this is not inputing content, what am i doing wrong?

  • konius 10 posts 40 karma points
    7 days ago
    konius
    0

    I believe you need to call UmbPropertyValueChangeEvent and do your logic there. At least the example shows that.

    Follow their example and work your way back...

    https://docs.umbraco.com/umbraco-cms/tutorials/creating-a-property-editor

Please Sign in or register to post replies

Write your reply to:

Draft